Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > примыкание по вертикали блочных элементов


Автор: Bogdan1024 23.12.2010, 15:56
Есть много дивов одинаковой ширины с float:left. Почему дивы снизу на моём изображении не примыкают вплотную к дивам сверху?

Автор: Mavrun 23.12.2010, 16:00
как я понимаю все шесть идвов с лоат-лефт и в коде они располагаются в порядке "Postal", "Visitor", "External", "блок с телефонами", "Contact", "Employers". Если так, то проблема в том, что нижняя граница 4го дива идёт как некоторый разделитель и последующие дивы идут как бы под ним.  не думаю, что тут можно что-либо сделать.

Автор: Bogdan1024 23.12.2010, 17:56
в блоке с телефонами ничего особенного нет, он точно такой же как остальные дивы
сейчас организую пример кода

Автор: Bogdan1024 23.12.2010, 19:01
Вот пример кода, воспроизводящий мою проблему.
Если поиграться с шириной окна, то тупо очевидно что дивы будут находиться не один под другим. Я открывал в 4 браузерах и везде то же самое.
Код

<!DOCTYPE html>
<html>
<HEAD>
<TITLE></TITLE>
<style>
    div
    {
        float:left;
    }
.big
{
    width:100px;
    height:300px;    
    background-color:Red;
}
.medium
{
    width:100px;
    height:200px;
    background-color:Green;
}
.small
{
    width:100px;
    height:100px;
    background-color:Blue;
}
</style>
</HEAD>
<body>
<div class="big"></div>
<div class="medium"></div>
<div class="small"></div>
<div class="medium"></div>
<div class="big"></div>
<div class="small"></div>
<div class="big"></div>
</body>
</html>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)