Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> 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
PM MAIL   Вверх
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>
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0656 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.