HTML Вертикальное выравнивание

Что является самым быстрым способом для меня получить div вертикально центрированный - Кросс браузер?HTML Вертикальное выравнивание

HTML:

<body> 
    <div id="mainContainer"> 
     <header> 
      blah 
      </header><!-- End header --> 
     </div><!-- End mainContainer --> 

</body>

CSS:

#mainContainer{ 
    width:960px; 
    margin:60px auto; 
    background:#FFF; 
    border:1px solid black; 
} 
header{ 
    padding:30px 0 30px 0; 
    background:red; 
    margin:0 auto; 
}

источник

2012-04-27 Jess McKenzie

Эй Пожалуйста, используйте простой способ

https://stackoverflow.com/a/10010055/1312610

http://jsfiddle.net/ERuX4/1/

источник

2012-04-27 05:14:56 ShibinRagh

Эй. Что представляют собой: - 200, я имею коробку шириной 600 пикселей и ее центр –

Эй, пожалуйста, напишите код http://jsfiddle.net, мы сможем решить проблему – ShibinRagh

http://jsfiddle.net/e2bmC/ & http: //cl.ly/060H2r3R2S3a3U0j021Z –

Если вы можете определить высоту, то вы можете использовать

position:absolute 
top:50%; 
left:50%; 
width:200px; 
height:200px; 
margin-left:-100px; 
margin-top:-100px;

где отрицательные поля наполовину ширины и hei GHT соответственно

источник

2012-04-27 04:47:41

Эй, я получаю следующее: http://cl.ly/1p3k1A2l033a1g1p3Z1J –

Похоже, слева: 50% не брать. Родительский элемент, который вы хотите центрировать внутри внутри, должен иметь позицию: относительный объявлен, но если вы просто центрируете относительно «тела», вам не нужно это делать. Если вы разместите его где-нибудь, где я могу увидеть код, я могу, вероятно, рассказать вам, что случилось. http://jsfiddle.net/ –

ответ

Смежные вопросы