Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 10.01.2012 01:36

Glook
Разбирающийся
Зарегистрирован: 14.01.2011
Сообщений: 142

IE6 игнорирует float

Такая казалось бы простая конструкция, а бьюсь с ней уже... Смысл вкратце такой: внешний блок - контейнер, должен быть резиновым, тоесть иметь ширину в зависимости от содержимого, казалось бы всё просто, задать ему float:left и всё... Это действительно работает,

Код:

тут работает как надо

Пока внутреннему блоку не задать ВЫСОТУ... yikes


Код:

а теперь не работает

Теперь в IE6 свойство float у контейнера просто игнорируется... И блок тянется на всю ширину, переставая быть "резиновым".

Я так думаю, это из-за включения у внутреннего блока hasLayout... Как же быть???

Отредактированно Glook (10.01.2012 01:51)

Нет на форуме

 

#2 10.01.2012 02:20

yopopt
Новичок
Откуда: Санкт-Петербург
Зарегистрирован: 12.01.2011
Сообщений: 11
Вебсайт

Re: IE6 игнорирует float

Как вариант можно внутреннему блоку тоже задать float, тогда заработает.

Нет на форуме

 

#3 10.01.2012 03:11

Glook
Разбирающийся
Зарегистрирован: 14.01.2011
Сообщений: 142

Re: IE6 игнорирует float

yopopt написал:

Как вариант можно внутреннему блоку тоже задать float, тогда заработает.

К сожалению, этого делать нельзя, так как внутренний блок должен быть по ширине равен внешнему (тянуться на всю ширину), а если он пустой?

Вот рабочий пример из того файла который я мучаю. если я задам, как вы советуете, блокам 'header' и 'footer' -  float:left,  то они просто исчезнут.

Код:

 


блок у которого есть зелёная "шапка" и синий "подвал"

Отредактированно Glook (10.01.2012 09:30)

Нет на форуме

 

#4 10.01.2012 13:42

Glook
Разбирающийся
Зарегистрирован: 14.01.2011
Сообщений: 142

Re: IE6 игнорирует float

Ура! Решение мною всё же найдено. Решение  нелогичное (как, впрочем, и поведение IE) , но — всё работает.
Итак для самизнаетекакого браузера нужно делать вот так:

Код:

блок у которого есть зелёная "шапка" и синий "подвал"

Внимание! В пустом блоке обязателен символ неразрывного пробела!
А для остальных оставить стили такие, которые указаны выше. Если кто-нить придумает другое решение, не стесняйтесь, пишите.

Отредактированно Glook (10.01.2012 16:23)

Нет на форуме

 

Board footer