- Раздел1
- Подраздел1
- Подраздел2
- Подраздел3
- Раздел2
- Подраздел1
- Подраздел2
- Подраздел3
- Раздел3
- Подраздел1
- Подраздел2
- Подраздел3
Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Здравствуйте, имеется 3 float'нутых блока, ширина каждого 25%, при помещении их в контейнер в 75%, почему-то остаеться достаточно много пустого места в этом 75% блоке, т.е. либо флоатнутые элементы в сумме меньше 75% либо содержащий блок не 75%, а больше. Если выставляю содержащий блок в 50% все становиться на свои места, но ведь на самом деле в этом блоке не 50% а 75%!??? Если же меняю 50% на 40%, то блоки начинаються строиться в два ряда. Интересно что это баг Operы и ИЕ или я что-то не так делаю?
xhtml код:
- Раздел1
- Подраздел1
- Подраздел2
- Подраздел3
- Раздел2
- Подраздел1
- Подраздел2
- Подраздел3
- Раздел3
- Подраздел1
- Подраздел2
- Подраздел3
css код
#content{ width: 50%; margin: 0 auto; } .col{ float: left; width: 25%; padding-left: 1em; margin-left: 1em; list-style-type: none; }
Нет на форуме
вы размещаете 3 списка шириной в 25% каждый в контейнере, который в свою очередь 75% ширины и хотите, чтобы списки занимали весь контейнер ? 8-O
но для списков ширина контейнера 100%, а не 75
то есть они занимают 75% от контейнера, так что все нормально
p.s. на самом деле они занимают 75%+6em (то есть ширина + поля + отступы)
Нет на форуме
Совсем запутался с это версткой, но сейчас все стало на свои места, alemiks спасибо огромное за помощь!
Нет на форуме
Страниц: 1