Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Выравнивание сайта по центру

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (2): [1] 2 »   

> Без описания
Поиск в теме | Версия для печати
Pavelbeginner
Отправлено: 10 Мая, 2011 - 07:09:49
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
Нужно выравнять сайт по центру. Проблема вот в чем:размер сайта варьируется от 1000px до 1240px. Если бы сайт не превышал одну ширину, то я бы просто прописал:
body
{
width:1000px;
margin:0 auto;
}

Но мне нужно, чтобы ширина body не была фиксированной, а растягивалась в соответствии с кол-во содержимого. Как это организовать?
 
 Top
AdMeen
Отправлено: 10 Мая, 2011 - 08:15:09
Post Id



Посетитель


Покинул форум
Сообщений всего: 370
Дата рег-ции: Сент. 2009  
Откуда: Воронеж


Помог: 1 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.  body{
  3.      margin:0 auto;
  4.      min-width:1000px;
  5.      max-width:1240px;
  6.  }
  7.  

(Отредактировано автором: 10 Мая, 2011 - 08:15:52)

 
 Top
Pavelbeginner
Отправлено: 10 Мая, 2011 - 16:04:10
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
В таком случае контейнер body всегда будет 1240 px. И к тому же, например, завтра я захочу добавить еще один шаблон, который будет 600px шириной и что? Лажа. В общем я сам разобрался, как сделать, если интересно, то вот:

<table class="conteiner">
<tr>
<td>внутренности сайта
</td>
</tr>
</table>

.conteiner
{
margin:0 auto;
}
 
 Top
Zuldek
Отправлено: 10 Мая, 2011 - 16:59:03
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)
Pavelbeginner пишет:
В таком случае контейнер body всегда будет 1240 px. И к тому же, например, завтра я захочу добавить еще один шаблон, который будет 600px шириной и что? Лажа. В общем я сам разобрался, как сделать, если интересно, то вот:

<table class="conteiner">
<tr>
<td>внутренности сайта
</td>
</tr>
</table>

.conteiner
{
margin:0 auto;
}


От решения с блоками div это ничём не отличается Радость
вы просто не указали минимальную ширину таблицы.
 
 Top
Pavelbeginner
Отправлено: 10 Мая, 2011 - 19:13:43
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
Цитата:
От решения с блоками div это ничём не отличается
вы просто не указали минимальную ширину таблицы.


Ну, начнём с того, что IE 6.0 не понимает свойства min-width вообще.
Второе это то, что завтра я захочу добавить еще один шаблон, который будет шириной 1400px и придется лезть в стили и там менять max-width на 1400px. В моём варианте никуда не нужно лезть.
Третье это то, что, например, у меня есть шаблон размером 500px и есть шаблон размером 1200px. Указав max-width:1200px теперь body будет выравнен по центру и будет шириной 1200px и внутрь него будет загружен мой шаблон размером 500px, причём мой шаблон прижмётся к левому краю тега body и теперь мой сайт НЕ по центру экрана. Вы возразите, что можно моему шаблону размером 500px прописать margin:0 auto, а я вам отвечу, что зачем вот эти все, перечисленные мною телодвижения, когда можно обойти моим вариантом в одну строчку???

(Отредактировано автором: 10 Мая, 2011 - 19:16:01)

 
 Top
komprenda
Отправлено: 10 Мая, 2011 - 19:34:39
Post Id


Гость


Покинул форум
Сообщений всего: 105
Дата рег-ции: Май 2011  


Помог: 3 раз(а)
Pavelbeginner пишет:
Нужно выравнять сайт по центру. Проблема вот в чем:размер сайта варьируется от 1000px до 1240px. Если бы сайт не превышал одну ширину, то я бы просто прописал:
body
{
width:1000px;
margin:0 auto;
}

Но мне нужно, чтобы ширина body не была фиксированной, а растягивалась в соответствии с кол-во содержимого. Как это организовать?



кроссбраузерно только так:

<html>
<head>
<style type='text/css'>
body {text-align: center;}
#container {width: 1000px; text-align: left; margin: 0 auto;}
</style>
</head>
<body>
<div id="container">
содержимое тут.
</div>
</body>
</html>

(Отредактировано автором: 10 Мая, 2011 - 19:35:50)

 
 Top
Pavelbeginner
Отправлено: 10 Мая, 2011 - 19:40:24
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
komprenda, смотрите выше и Вы поймёте, что не только так можно, как вы указали. К тому же зачем мне постоянно приписывать к каждой странице класс #container?
 
 Top
komprenda
Отправлено: 10 Мая, 2011 - 20:27:38
Post Id


Гость


Покинул форум
Сообщений всего: 105
Дата рег-ции: Май 2011  


Помог: 3 раз(а)
Pavelbeginner пишет:
komprenda, смотрите выше и Вы поймёте, что не только так можно, как вы указали. К тому же зачем мне постоянно приписывать к каждой странице класс #container?


в IE работать не будет
 
 Top
Pavelbeginner
Отправлено: 11 Мая, 2011 - 00:20:16
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
Цитата:
в IE работать не будет
. Лично проверил - РАБОТАЕТ.

(Отредактировано автором: 11 Мая, 2011 - 00:21:41)

 
 Top
komprenda
Отправлено: 11 Мая, 2011 - 01:26:07
Post Id


Гость


Покинул форум
Сообщений всего: 105
Дата рег-ции: Май 2011  


Помог: 3 раз(а)
Pavelbeginner пишет:
Цитата:
в IE работать не будет
. Лично проверил - РАБОТАЕТ.


как ты так проверял что не заметил, что по центру не выравнивается(margin: 0 auto не работает в IE)?
 
 Top
Pavelbeginner
Отправлено: 11 Мая, 2011 - 10:37:06
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
Цитата:
как ты так проверял что не заметил, что по центру не выравнивается(margin: 0 auto не работает в IE)?

Уважаемый, Вы хотя бы удосужились в разметке использовать теги html head body? Нет? Ну так курите бамбук. Или Вы строку !doctype не использовали? В общем, курите, курите гугл, срочно!
 
 Top
ADIOS
Отправлено: 12 Мая, 2011 - 08:37:38
Post Id



Гость


Покинул форум
Сообщений всего: 96
Дата рег-ции: Май 2010  
Откуда: Россия, Калуга


Помог: 2 раз(а)
*{
margin: 0 auto;
padding: 0 auto;
}


-----
Не откладывай работу на завтра, от которой можно вообще отказаться
 
 Top
Pavelbeginner
Отправлено: 12 Мая, 2011 - 14:16:04
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
И что это, извините, за бред? Зачем мне всем тегам такое делать?
 
 Top
Zuldek
Отправлено: 12 Мая, 2011 - 14:25:46
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)
Ерундовая проблема тянется 2 дня.. выкладывайте весь код вашей странице и все подключаемые стили.
 
 Top
Pavelbeginner
Отправлено: 12 Мая, 2011 - 15:38:11
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


Помог: 1 раз(а)
Zuldek, Вы вообще посты читали? Проблему я решил сам, а мне все продолжают писать, и пишут глупые советы, почему глупые я уже заколебался отписываться.
 
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB