|
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 |
|
|
| |
