Проблема с центрированием блока
86 повідомлень
#16 років тому
Возникла проблема с версткой. вернее с центрированием блока. подскажите в чем может быть загвоздка.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
а margin: 0 auto; не работает
2195 повідомлень
#16 років тому
Код-то покажите.
86 повідомлень
#16 років тому
NDenis, да, указана.
Нашел одну зависимость, может вся проблема в ней? вроде при margin: 0 auto; ие не центрирует из-за того, что есть position: absolute;
86 повідомлень
#16 років тому
Sir_Michael, .bla {
position: absolute;
width: 100px;
margin: 0 auto;
}
вот такой к примеру код
2195 повідомлень
#16 років тому
Разумеется, из-за position:absolute.Если нужно отцентрировать блок с "position:absolute", то можно поступить так:
.bla {
position:absolute;
left:50%;
margin-left:-50px;
width:100px;
}
710 повідомлень
#16 років тому
Где? В IE? А пользоваться Гуглом пробовали? Ответ на первой же странице выдачи.
2195 повідомлень
#16 років тому
SolNikolay, вы знаете какой-то особый способ центрировать элементы с position:absolute с помощью margin:0 auto?
710 повідомлень
3 повідомлення
#16 років тому
Как вариант можно попробовать:
margin-left: auto;
margin-right: auto;
Где-то в инете видел описание и объяснение этого "финта", но не уверен насчет работы с
position: absolute;
2195 повідомлень
#16 років тому
sws_himik, думаю, автор топика давно решил задачу. Что касается записи "margin-left: auto; margin-right: auto;" - это практически равносильно приведенному выше "margin:0 auto;" (во втором случае margin-top, margin-bottom равны нулю).Да и тему вполне можно удалить.
2 WiZARDiST ниже - см. выше.
1 повідомлення
#16 років тому
Ыыы, я бы уже давно перешел на XHTML (ну, я уже давно перешел =))<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">это определение документа
#container {
width: 990px;
margin: 0 auto auto;
}
И в ИЕ, и в ФФ, и в Опере все приекрасно работает... Вроде бы при валидации все норм...