Суббота, 23 Ноября 2024, 12:44

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
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; тоже нет.

не может быть smile
почему у меня работает, а у тебя нет. Или ты просто плохо объясняешь что ты хочешь отцентрировать.
Если используешь 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
  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг