-
Sandra0
0
Иван, очень понравился ваш блог.
Приветствую всех специалистов, собравшихся здесь!
Я пока только учусь справляться с "дивной" версткой, перешла на нее с табличной. Сайт http://www.nadezhda-nv.ru был сверстан с плавающим блоком меню (слева) - у него фиксированная ширина в пикселях.
Остальное (контент) должен тянуться по всей ширине. Всё бы ничего, но недавно стали писать обзоры о товарах в формате "картинка слева - описание". После каждого товара, соответственно, br clear=left. Наверно, Вы знаете об этой распространенной проблеме - контент уезжает до низа меню, "отменяя" обтекание float-блока меню тоже.
Почитала, поставила для блока контента overflow:hidden и zoom:1. Теперь вроде бы все нормально, только не нравится отображение в Google Chrome - контент не растягивается на всю длину, неизвестно по каким соображениям, у него справа остается дырка примерно в половину его ширины. От чего такое может быть? -
Sandra0
0
P.S.: прошу прощения, если напостила это же сообщение в комментариях к записи http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
Пробовала из разных браузеров, и все время http://softwaremaniacs.org/blog/wp-comments-post.php выдавал пустую страницу. -
Похоже, что это баг в Вебките: http://geek.co.il/articles/webkit-margin-with-float-bug.html
Решение: либо положить еще один <div> в блок с контентом, и уже для него указать overflow:hidden, либо не использовать <br clear="left">, а класть каждую пару "картинка-текст" в <div> и задавать overflow:hidden и zoom:1 ему.
Внимание! Это довольно старый топик, посты в него не попадут в новые, и их никто не увидит. Пишите пост, если хотите просто дополнить топик, а чтобы задать новый вопрос — начните новый.