VPF::примыкание по вертикали блочных элементов

Bogdan1024

Дата 23.12.2010, 15:56 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1436
Регистрация: 28.9.2005
Где: Киев

Репутация: нет
Всего: 13

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

Присоединённый файл ( Кол-во скачиваний: 10 )

1280x800.png 128,32 Kb

--------------------

Mavrun

Дата 23.12.2010, 16:00 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

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

Bogdan1024

Дата 23.12.2010, 17:56 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1436
Регистрация: 28.9.2005
Где: Киев

Репутация: нет
Всего: 13

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

--------------------

Bogdan1024

Дата 23.12.2010, 19:01 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1436
Регистрация: 28.9.2005
Где: Киев

Репутация: нет
Всего: 13

Вот пример кода, воспроизводящий мою проблему.
Если поиграться с шириной окна, то тупо очевидно что дивы будут находиться не один под другим. Я открывал в 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>

Это сообщение отредактировал(а) Bogdan1024 - 23.12.2010, 19:02

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »