центр DIV в центре экрана

у меня есть «основной» DIV здесь: http://tallevi.net/daniel/?page_id=5 если я изменить разрешение экрана DIV находится не в середине, в настоящее время CSS из «основного» DIV является:центр DIV в центре экрана

.#main { 
width: 680px; 
position: absolute; 
right: 35%; 
padding: 0 40px 5px 40px; 
font: normal 14px Verdana, Arial, sans-serif; 
line-height: 20px; 
display: inline-block; 
z-index: 2; 
background: url(images/content_back.png) repeat-y; 
}

Неправильно?

источник

2012-11-20 Tal Levi

Лучший способ центрирования элемента используется margin: 0 auto;, попробуйте изменить код:

#main { 
    width: 680px; 
    margin: 0 auto; 
    padding: 0 40px 5px 40px; 
    font: normal 14px Verdana, Arial, sans-serif; 
    line-height: 20px; 
    z-index: 2; 
    background: url(images/content_back.png) repeat-y; 
}

Margin: 0 авто устанавливает «автоматический» запас для правого и левого, по существу, центрированного. (Это работает только если вы указываете набор ширину, которая у вас есть)

источник

2012-11-20 11:00:59 Andy

Если вы хотите добавить совместимость с IE6, вам придется использовать 'text-align: center' тоже (на родительском элементе) и' text-align: left' на #main. Afaik, IE6 полностью игнорирует «margin: 0px auto» – Katai

IE6 игнорирует мир :) –

-1

Удалить все стиль из DIV и примените следующий CSS:

.centerdiv 
{ 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0 40px 5px 40px; 
    font: normal 14px Verdana, Arial, sans-serif; 
    line-height: 20px; 
    z-index: 2; 
    background: url(images/content_back.png) repeat-y; 
}

источник

2012-11-20 11:11:50

Вы использовали класс '.centerdiv', которого у OP нет. Вы также удалили много стиля, который он хотел, хотя вы, похоже, редактировали это. – Andy

Он может добавить класс centerdiv в свою таблицу стилей, а затем использовать его, когда захочет, что лучше, чем применить стиль к определенному элементу. –

хорошо искать вокруг http://tallevi.net/daniel/wp-content/themes/kingsize/style.css и удалять весь стиль, который связан с телом, оберткой, основным оберткой и оставить только выше. –

установить маржу Div margin:0 auto; и применить другую необходимую недвижимость как вам нужно.

источник

2012-11-20 11:24:18 Milind

центр DIV в центре экрана

ответ

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