VPF::Как сделать три столба дивами?

Illuminaty

Дата 1.11.2006, 15:44 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Если честно, то я решил бы проблему одной таблицей. Div'ами тоже можно решить, но это будет таким извратом....

AztEK

Дата 1.11.2006, 17:07 (ссылка)

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

Загрузка ...

Опытный

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

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

Ну... А если заказчик требует именно дивами?
И потом, как-то всё-таки можно ведь? Даже если извратно, интересно было бы попробовать.

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

Linux is like wigwam -- no windows, no gates, apache inside.

Punk_UnDead

Дата 1.11.2006, 20:26 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 20
Регистрация: 6.6.2006
Где: Макеевка(Украина)

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

AztEK, скажи мне каким местом высота в 100% относится к содержимому?
100% это видимая часть окна, а не родительская высота, ибо родительская высота определяется дочерней, а не наоборот
плюс к центральной части надо бы поставить margin

SelenIT

Дата 1.11.2006, 21:43 (ссылка)

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

Загрузка ...

баг форума

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

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

Punk_UnDead,

Цитата(Punk_UnDead @ 1.11.2006, 20:26

)

100% это видимая часть окна, а не родительская высота

Так было, если не ошибаюсь, в 6-м нетскейпе, и это был страшный глюк. По стандарту 100% - это как раз родительская высота, притом только в том случае, если она явно задана.

Цитата(Punk_UnDead @ 1.11.2006, 20:26

)

родительская высота определяется дочерней, а не наоборот

Так только в IE (по крайней мере до 7-го), и с точки зрения стандартов это тоже глюк smile

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

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

Punk_UnDead

Дата 1.11.2006, 22:32 (ссылка)

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

Загрузка ...

SelenIT, мне мамой поклясться? или ты сам проверишь?
в великой тройке это именно размер области просмотра, причём опера не растягивает средний

SelenIT

Дата 1.11.2006, 22:54 (ссылка)

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

Загрузка ...

баг форума

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

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

Punk_UnDead, клясться не надо, а предмет стоит того, чтобы с ним разобраться. В частности, с этим исследованием Вы знакомы?

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

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

Illuminaty

Дата 2.11.2006, 09:34 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

AztEK, посмотри статью. Должна помочь

R.M.

Дата 2.11.2006, 11:33 (ссылка)

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

Загрузка ...

Анархист

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

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

Illuminaty, спасибо за статью, мне тоже думаю поможет smile

действительно решение кривое но если что придётся делать так.

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

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

Illuminaty

Дата 2.11.2006, 11:39 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

Да всегда пожалуйста smile

Bangladesh

Дата 3.11.2006, 00:28 (ссылка)

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

Загрузка ...

AsBest

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

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

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
    <head>
        <title>Âåðñòàåì äèâàìè</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows1251" />
    </head>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
        html, body { height: 100%; overflow: auto; }
        .mainframe { height: 100%; }
        .container { height: 100%; }
        .right {
            height: 100%;
            background-color: #ddd;
            width: 250px;
            float: right;
        }
        .left {
            height: 100%;
            background-color: #ddd;
            float: left;
            width: 250px;
        }
        .content {
            height: 100%;
            background-color: #ccc;
            margin-right: 250px;
        }
        .header, .footer {
            height: 50px;
            background-color: #bbb;
        }
    </style>
    <body>
        <div class="mainframe">
            <div class="header">Ýòî ó íàñ øàïêà</div>
            <div class="container">
                <div class="left">Ëåâûé áëîê</div>
                <div class="right">Ïðàâûé áëîê</div>
                <div class="content">
                    Ýòî òåêñò
                    <h1><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></h1>
                    Ýòî òîæå òåêñò
                </div>
            </div>
            <div class="footer">À ýòî íèç</div>
        </div>
    </body>
</html>

вот так у меня всё работает. до этого не работало только в ие. убрал width: 100% из content и добавил в body overflow: auto

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

ок

R.M.

Дата 3.11.2006, 10:31 (ссылка)

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

Загрузка ...

Анархист

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

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

Странно у меня дивы не раздвинулись в высоту а только боди раздвинулось и текст уехал.

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

AztEK

Дата 3.11.2006, 15:25 (ссылка)

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

Загрузка ...

Опытный

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

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

У меня тоже не работает как надо... smile

Illuminaty, спасибо за ссылку.... но приведённый там код у меня не работает ни в одном из трёх браузерах у меня (а про переполнение контейнера).... может быть я что-то не так делаю smile

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

Linux is like wigwam -- no windows, no gates, apache inside.

Nuxx

Дата 3.11.2006, 17:41 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(AztEK @ 30.10.2006, 19:27)

Извините, что поднимаю старую тему, но здесь меня интересует один вопрос. Если в центральный див поставить большой кусок текста, не влезающий на экран, он вылезет за пределы дива smile

(можете проверить).

Ты что имел ввиду под большим куском текста? Что-то вроде длинного слова?? Думаю в этом случае ничто не поможет). Даже используя табличную разметку, структура все равно будет рушиться.
Может я неправильно понял, поясни подробнее

AztEK

Дата 3.11.2006, 18:36 (ссылка)

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

Загрузка ...

Опытный

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

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

Я имел в виду текст, не влезающий в див по высоте. Имеющий много строк например.

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

Linux is like wigwam -- no windows, no gates, apache inside.

R.M.

Дата 3.11.2006, 22:43 (ссылка)

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

Загрузка ...

Анархист

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

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

Цитата(Nuxx @ 3.11.2006, 18:41

)

Думаю в этом случае ничто не поможет).

Код


overflow: auto;

обычно помогает

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

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