div по центру
|
|
DиCo | Дата: Воскресенье, 04 Ноября 2012, 01:05 | Сообщение # 1 |
частый гость
Сейчас нет на сайте
| Доброго времени суток! Подскажите, пожалуйста, как поставить div по центру? Пробовал margin:auto; не помогает. Вот код: HTML Code <body> <div id="conteiner"> <div id="white_black"></div> <div id="black_bg"> <a href="#"></a> <div id="black_content"> </div> </div> <div id="white_bg"> <a href="#"></a> <div id="white_content"> </div> </div> </div> </body> CSS Code div#conteiner{ max-width:1600px; min-width:960px; height:auto; margin:0 auto; } body{ overflow-x:hidden; background:url('../img/black.png') left center repeat-y; background-size:50%; } div#white_black{ position:absolute; width:153px; height:100%; background:url('../img/background-color.jpg') repeat-y;
} Заранее, спасибо!
|
|
| |
Angry | Дата: Воскресенье, 04 Ноября 2012, 01:15 | Сообщение # 2 |
частый гость
Сейчас нет на сайте
| В HTML вроде бы есть тег <center>
|
|
| |
DиCo | Дата: Воскресенье, 04 Ноября 2012, 01:19 | Сообщение # 3 |
частый гость
Сейчас нет на сайте
| Quote (Angry) В HTML вроде бы есть тег <center> Тоже не помогло.
|
|
| |
Angry | Дата: Воскресенье, 04 Ноября 2012, 01:26 | Сообщение # 4 |
частый гость
Сейчас нет на сайте
| text-align:center;
|
|
| |
DarkShade | Дата: Воскресенье, 04 Ноября 2012, 01:42 | Сообщение # 5 |
Повелитель стихий
Сейчас нет на сайте
| Code div#conteiner{ display: block; max-width:1600px; min-width:960px; height:auto; margin:0 auto; } Вот так попробуй
Мой блог
|
|
| |
DиCo | Дата: Воскресенье, 04 Ноября 2012, 01:50 | Сообщение # 6 |
частый гость
Сейчас нет на сайте
| Angry, Не помогло. Schika, Чем должно помочь добавление display: block; в id conteiner?
Сообщение отредактировал DиCo - Воскресенье, 04 Ноября 2012, 02:10 |
|
| |
aalla | Дата: Воскресенье, 04 Ноября 2012, 02:25 | Сообщение # 7 |
постоянный участник
Сейчас нет на сайте
| DиCo, второй раз уже тебе помогаю) пора бы и книжку прочитать по основам css если так часто приходится искать ответы display block тут вообще не нужен, так как тег div по умолчанию является блочным элементом. Code <!DOCTYPE html> <html> <head> <title>HTML KickStart</title> <meta charset="UTF-8"> <style type="text/css"> div { background:#ccc; width:960px; margin:0 auto;
} </style> </head> <body> <div> блок который находится в центре страницы </div> </body> </html>
Сообщение отредактировал aalla - Воскресенье, 04 Ноября 2012, 02:29 |
|
| |
DиCo | Дата: Воскресенье, 04 Ноября 2012, 02:36 | Сообщение # 8 |
частый гость
Сейчас нет на сайте
| aalla, margin:0 auto; тоже нет.
|
|
| |
DarkShade | Дата: Воскресенье, 04 Ноября 2012, 02:42 | Сообщение # 9 |
Повелитель стихий
Сейчас нет на сайте
| Code div#conteiner{ max-width:1600px; min-width:960px; width: 100%; height:auto; margin:0 auto; } Вот так должно работать
Мой блог
|
|
| |
aalla | Дата: Воскресенье, 04 Ноября 2012, 04:14 | Сообщение # 10 |
постоянный участник
Сейчас нет на сайте
| Quote (DиCo) aalla, margin:0 auto; тоже нет. не может быть почему у меня работает, а у тебя нет. Или ты просто плохо объясняешь что ты хочешь отцентрировать. Если используешь max-width:1600px; min-width:960px; когда у тебя у самого монитор меньше чем 1600 (или примерно равен этой цифре) в ширину, то тебе и будет казаться что он не по центру. Если например пользователь с разрешением экрана 1920 в ширину зайдет на такой сайт, то у него он будет отображатся так: слево, и право будут оступы по 160px а весь контент будет шириной 1600px вот другой наглядный пример похожий на твой, только размеры меньше Code <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <style type="text/css"> #conteiner{ background:#ccc; max-width:960px; min-width:500px; margin:0 auto; } </style> </head> <body> <div id=conteiner> блок который находится в центре страницы </div> </body> </html> лучше вообще так не делай, а прочитай про media queries, или вовсе используй статическую ширину для всех например 980 - 1000px (большинство сайтов приблизительно этой ширины)
Сообщение отредактировал aalla - Воскресенье, 04 Ноября 2012, 06:13 |
|
| |
DиCo | Дата: Воскресенье, 04 Ноября 2012, 14:46 | Сообщение # 11 |
частый гость
Сейчас нет на сайте
| Я хочу отцентрировать div id="white_black"
|
|
| |
MrNesh | Дата: Воскресенье, 04 Ноября 2012, 15:20 | Сообщение # 12 |
Воин добра и света
Сейчас нет на сайте
| Code <center> <div id="white_black"> </div> </center>
|
|
| |
DиCo | Дата: Воскресенье, 04 Ноября 2012, 15:39 | Сообщение # 13 |
частый гость
Сейчас нет на сайте
| jiumx60rus, Quote (DиCo) Quote (Angry)В HTML вроде бы есть тег <center> Тоже не помогло.
Сообщение отредактировал DиCo - Воскресенье, 04 Ноября 2012, 15:40 |
|
| |
Kamskii | Дата: Воскресенье, 04 Ноября 2012, 15:42 | Сообщение # 14 |
Game ≠ Toy
Сейчас нет на сайте
| http://htmlbook.ru/layout/sloy-po-tsentru-veb-stranitsy
|
|
| |
DиCo | Дата: Воскресенье, 04 Ноября 2012, 22:56 | Сообщение # 15 |
частый гость
Сейчас нет на сайте
| Kamskii, Спасибо!
|
|
| |
aalla | Дата: Пятница, 16 Ноября 2012, 00:26 | Сообщение # 16 |
постоянный участник
Сейчас нет на сайте
| jiumx60rus, тег <center> работает только для текста, на блочные элементы он не влияет, так как любой див без определенных в ширине свойств растягивается на всю страницу, и тег <center> вообще не поможет ни как, его можно использовать в паре с тегом <p> например чтоб текст выровнялся по центру этого "P", хотя тег "p" тоже является блочным.
Сообщение отредактировал aalla - Пятница, 16 Ноября 2012, 00:41 |
|
| |