VPF::divная таблица. - Форум программистов

Noml

Дата 24.5.2010, 13:55 (ссылка)

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

Загрузка ...

Новичок

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

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

Код


div.shapka    {
    width:1000px;
    background-color:#000;    
    margin:0 auto;
    float:none;
    }
div.left {    
    width:300px;
    height:300px;
    }

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <link rel="stylesheet" type="text/css" href="css/style1.css">
</head>
<body>
<div class="shapka">
        <div style="height:30px;width:200px;background-color:#CCC;float:left">1</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">2</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">3</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">4</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">5</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">6</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">7</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">8</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">9</div>
        <div style="height:30px;width:200px;background-color:#CCC;float:left">10</div>
        <div style="height:30px;width:250px;background-color:#CCC;float:left">11</div>
        <div style="height:30px;width:250px;background-color:#CCC;float:left">12</div>
        <div style="height:30px;width:250px;background-color:#CCC;float:left">13</div>
        <div style="height:30px;width:250px;background-color:#CCC;float:left">14</div>
        <div style="height:30px;width:500px;background-color:#CCC;float:left">15</div>
        <div style="height:30px;width:500px;background-color:#CCC;float:left">16</div>
</div>

<div class="left">1</div><div class="left">2</div><div class="left">3</div>

</body>
</html>

Выделенная строка:
<div class="left">1</div><div class="left">2</div><div class="left">3</div>

Этот участок идёт как продолжение дивной таблицы, то есть <div class="left">1</div> располагается левее таблицы шапки. Поэкспериментировал с float, но толк не вышел, разные браузеры по-разному реагируют. Как можно адекватно разорвать связь float между шапкой и продолжением?

Это сообщение отредактировал(а) Noml - 24.5.2010, 14:02

Noml

Дата 24.5.2010, 14:20 (ссылка)

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

Загрузка ...

Новичок

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

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

Закон подлости, написал здесь, и после сразу удачно попал на ссылку в поиске.

clear отменяет действие float

<div class="left" style="clear:left">1</div><div class="left">2</div><div class="left">3</div>

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