Отправляет email-рассылки с помощью сервиса Sendsay

Странный Отступ

Такой вот код:

<div style="float:left; width:150px; background-color:green; height:50px;"></div>
<div style="background-color:gray; height:50px; margin-left:150px;"></div>

В IE появляется странный отступ МЕЖДУ блоками. ПОЧЕМУ, ТАК ЕГО ЗА НОГУ????



библиотекa сайтостроительства http://www.i2r.ru/static/244/

Ответить   Tue, 8 Aug 2006 15:51:43 +0400 (#579277)

 

Ответы:

<div style="background-color:gray; height:50px;">
<div style="width:150px; background-color:green; height:50px;"></div></div>

Результат тот же, только без float'ов...



библиотекa сайтостроительства http://www.i2r.ru/static/244/

Ответить   Tue, 08 Aug 2006 16:15:12 +0400 (#579282)

 

Hello Gin.u,

Tuesday, August 8, 2006, 4:15:12 PM, you wrote:




Это очень малая часть кода. Мне нужно именно с float.

Ответить   Wed, 9 Aug 2006 10:36:25 +0400 (#579500)

 

Покопался в инете по этому вопросу, поищи в поисковиках по запросу 3px gap
IE . Есть масса информации, но в общем решение уже привел Алекстандр Фокин.
В версии 7 мелкософтовцы обещают пофиксить этот баг.



библиотекa сайтостроительства http://www.i2r.ru/static/244/

Ответить   Wed, 9 Aug 2006 13:15:52 +0300 (#579548)

 

во втором блоке
- или убрать или height:50px - но тогда пропадает равность высоты блоков;
- или добавить float: left, но тогда теряется растягивание блока по ширине
до правого края страницы.

imho, в лоб здесь проблему не решить, но есть масса обходных путей
(использование абсолютного позиционирования, вложение блоков). А вообще
поддержка в ИЕ css оставляет желать лучшего, с ИЕ всегда возникают проблемы
при блочной верстке.

С уважением,
Duri



библиотекa сайтостроительства http://www.i2r.ru/static/244/

Ответить   Wed, 9 Aug 2006 12:50:54 +0300 (#579537)