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

Vaulter

Дата 10.1.2007, 21:07 (ссылка)

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

Загрузка ...

Эксперт

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

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

вот такой код:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Тестирование 25% ширины</title>
        <style type='text/css'>
            html,body {background:gray;}
            #container {padding:0;position:absolute;

        top:0px;left:200px;right:200px;height:120px;

}
            #col { width:25%;    float:left; }
        </style>
    </head>
    <body>
        <div id='container' style=' background:#800000 '>
            <div id='col'>
                Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque 
                laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi 
                architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas 

               
            </div>
            <div id='col' style=' background:#F00000 '>
                sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui 
                ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, 

            </div>    
            <div id='col' style=' background:#808000 '>
                quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi 
                tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad
                 minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, 

            </div>    
            <div id='col' style=' background:#80F000 '>
                 nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, 
                 qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, 
                 qui dolorem eum fugiat, quo voluptas nulla pariatur? 
            </div>
        </div>
    </body>
</html>

совершенно четко отображается FireFoxoм (как и ожидается 4 колонки в абсолютно спозиционированном DIVе
однако зараза IE 6.0 упорно ставит 25% от экрана чтоли?
слышал что он считает ширины от внутренних блоков.
но чтоже делать если нужна именно такая логика, 4-е колонки в абсол. споц. диве??
помогите кто что знает по этому поводу.

Добавлено @ 21:14
ой, простите за три темы, это видать коекакой проксисервер тупо долбился....

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

SelenIT

Дата 10.1.2007, 21:28 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Насколько я знаю, у IE проблемы с растягиванием абсолютов по заданным left + right и top + bottom. Если в правом и левом 200-пиксельных отступах ничего кликабельного нет, я бы предложил сделать блок 100%-ной ширины, а внутри него - второй, с margin: 0 200px (как я уже предлагал в дубликате этой темы). Других вариантов честно говоря не вижу, на крайний случай содержимое "боковушек" можно поднять над абсолютом с помощью position: relative и z-index. Но вообще, имхо, в данном примере absolute вообще не нужен - возможно, я чего-то недопонял...

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

zera

Дата 10.1.2007, 22:17 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

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

<div id='col'> четыре раза - очень плохо. сделайте класс.
сейчас ie нет под рукой. потому без проверки

Код

#container {float:left; ...}

и это left:200px;right:200px; в ие не сработает. делайте паддингом.

Vaulter

Дата 11.1.2007, 12:27 (ссылка)

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

Загрузка ...

Эксперт

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

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

да уж, четыре id были притянуты наспех.
проблема решилась,

position:absolute;
margin: 0 200px 0 200px;
всем спасибо smile

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

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