Помогите с CSS в IE!!! - Страница 2

KidsKilla · 30.07.2007, 15:31

не порите чепухи.
речь о box-sizing http://www.w3.org/TR/css3-ui/#box-model

Mnilionic · 30.07.2007, 17:22

Именно об этом я и говорю.
размер блока формируется из его width, padding, margin, border.
И если указывать правильный доктайп в документе, то именно так и будут обстоять дела (в ИЕ в том числе).

зы. если Вы считаете мои слова ошибочными, то нужно выбрать другую формулировку.

ошибся... без padding

KidsKilla · 30.07.2007, 19:00

считаю ошибочными покуда не увижу тот самый "волшебный" доктайп.

Mnilionic · 30.07.2007, 20:33

в вашем примере "волшебный" докайп вписан.
Если в этом же примере мы добавиv тегу A свойство padding:0 10px;
то ширина li увеличиться на 20px (во всех броузерах).
А если доктайп убрать или написать его каряво то в ИЕ ширинв блока li не изменится.

по этому, как я писал выше, для "правильного" отображения внутренних отступов нужно указывать тип документа.

Что я такого непонятного, на Ваш взгляд, написал?

KidsKilla · 30.07.2007, 23:12

Цитата:

Сообщение от Mnilionic

в вашем примере "волшебный" докайп вписан.
Если в этом же примере мы добавиv тегу A свойство padding:0 10px;
то ширина li увеличиться на 20px (во всех броузерах).
А если доктайп убрать или написать его каряво то в ИЕ ширинв блока li не изменится.

по этому, как я писал выше, для "правильного" отображения внутренних отступов нужно указывать тип документа.

Что я такого непонятного, на Ваш взгляд, написал?

всё понятно. про ие 5.5 и ие 5.0 забыли, значит...

Polkan · 05.09.2007, 00:31

День добрый. У меня тоже с дивами проблема. Помогите плз.
В FF все отлично работает. А в IE - ну ни в какую не хочет.

Код:

<html><head><title></title></head>

<body bgcolor="#ffffff">
<center>
<div style="width: 600px; height:500; background: #999; overflow: visible;" align="left" >
<div style="width: 300px; height:200; background: #666; margin-left: -150px;"></div>
</div>
</center>

</body></html>

Темный блок должен торчать из серого. В FF - ок. А IE отрезает кусок, т.е. результат тот же, что при overflow: hidden;

вот этот код на хостинге: http://ketaichegi.cn/test.html

Подскажите где ошибка.
Спасибо.

alximik · 05.09.2007, 10:39

Так все работает... посмотри...

Код:

<html><head><title></title></head>

<body bgcolor="#ffffff">
<center>
<div style="width: 600px; height:500; background: #999; overflow: visible;" align="left" >
<div style="width: 300px; height:200; background: #666; position:relative; left: -150px;"></div>
</div>
</center>

</body></html>

Polkan · 05.09.2007, 14:13

Спасибо, alximik, выручил.