VPF::Помогите сверстать страничку - Форум программистов

Leoo

Дата 26.7.2007, 14:05 (ссылка)

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

Загрузка ...

Опытный

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

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

Помагите сверстать страницу, у самого получаеться коряво, в разных браузераз поразному

Код


<div style="width: 100%; height: 100%;">
    <div style="float: left; width: 20%; height: 97%;">
        <div style="width: 100%; height: 89%; border: 1px solid #000;">
        </div>
        <div style="width: 100%; height: 1%;">
        </div>
        <div style="width: 100%; height: 9%; border: 1px solid #000;">
        </div>
    </div>
    <div style="float: left; width: 1%; height: 97%;">
    </div>
    <div style="float: left; width: 78%; height: 97%;">
        <div style="width: 100%; height: 7%; border: 1px solid #000;">
        </div>
        <div style="width: 100%; height: 1%;">
        </div>
        <div style="width: 100%; height: 50%; border: 1px solid #000;">
        </div>
        <div style="width: 100%; height: 1%;">
        </div>
        <div style="width: 100%; height: 29%; border: 1px solid #000;">
        </div>
        <div style="width: 100%; height: 1%;">
        </div>
        <div style="width: 100%; height: 9%; border: 1px solid #000;">
        </div>
    </div>
</div>

Это сообщение отредактировал(а) Leoo - 26.7.2007, 14:05

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

Если вы не страдаете паранойей, это не значит, что они за вами не летят!

SamDark

Дата 26.7.2007, 17:29 (ссылка)

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

Загрузка ...

Добрый кот

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

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

Leoo,
Нарисуй, как должно быть в итоге?

Кстати, зачем тут width: 100%?

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

rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены

Leoo

Дата 27.7.2007, 09:58 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата

Кстати, зачем тут width: 100%?

чтобы див занял все пространство

а дизайн должен выглядеть примерно так

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

qqq.JPG 22,26 Kb

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

Если вы не страдаете паранойей, это не значит, что они за вами не летят!

SamDark

Дата 27.7.2007, 11:40 (ссылка)

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

Загрузка ...

Добрый кот

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

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

Leoo,
DIV по умолчанию занимает всё пространство по горизонтали.

Код


<html>
    <head>
        <title>test</title>
        <style type="text/css">
            html, body{
                height: 96%;
            }
            
            div{
                border: 1px solid #aaa;
            }
            
            #upper{
                height: 80%;    
                border: 0px none;
            }
            
            #bottom{
                height: 20%;
                border: 0px none;
            }
            
            #upper-left, #bottom-left{
                float: left;
                height: 100%;
                width: 200px;
            }
            
            #upper-right {
                border: 0px none;
            }
            
            #upper-right, #bottom-right{
                margin-left: 205px;
                height: 100%;
            }
                        
            #upper-right-1{
                height: 10%;                
            }
            
            #upper-right-2{
                height: 50%;                
            }
            
            #upper-right-3{
                height: 40%;
            }
        </style>
    </head>
    <body>
        <div id="upper">
            <div id="upper-left">sdf</div>
            <div id="upper-right">
                <div id="upper-right-1">sdf</div>
                <div id="upper-right-2">sdf</div>
                <div id="upper-right-3">sdf</div>
            </div>
        </div>
        <div id="bottom">
            <div id="bottom-left">sdf</div>
            <div id="bottom-right">sdf</div>
        </div>
    </body>
</html>

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

rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены

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