Форум программистов, компьютерный форум CyberForum.ru
CyberForum.ru - форум программистов и сисадминов > >
Восстановить пароль Регистрация
 
body90
Форумчанин
346 / 279 / 8
Регистрация: 26.05.2009
Сообщений: 2,618
07.06.2013, 16:10     Компоновка страницы   #1
Здравствуйте! Подскажите, какими способами можно сделать такое расположение на странице <div>'ов, кроме использования таблицы?
Миниатюры
Компоновка страницы  
AdAgent
Объявления
07.06.2013, 16:10     Компоновка страницы
Taatshi
Администратор
9515 / 3930 / 166
Регистрация: 05.04.2011
Сообщений: 10,939
Записей в блоге: 1
08.06.2013, 12:18     Компоновка страницы   #2
body90, сделайте для 2 и 3 общий див-обертку
body90
Форумчанин
346 / 279 / 8
Регистрация: 26.05.2009
Сообщений: 2,618
08.06.2013, 13:53  [ТС]     Компоновка страницы   #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
Taatshi
Администратор
9515 / 3930 / 166
Регистрация: 05.04.2011
Сообщений: 10,939
Записей в блоге: 1
08.06.2013, 14:07     Компоновка страницы   #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

и покажите нам html и css как напишете
UchihaSV
Форумчанин
168 / 129 / 33
Регистрация: 08.06.2013
Сообщений: 419
08.06.2013, 19:09     Компоновка страницы   #5
Вот написал, как понял я.
1 блок плавает с право от блоков 2 и 3 и имеет фиксированную ширину 200px и высоту 100%, блоки 2 и 3 имеют высоту 80% и 20% соответственно, по ширине 100% минус 200px, но не меньше чем 300px. Короче проверьте мой код, может подойдёт:
Код HTML5
1
2
3
4
5
6
7
    <div id="wrapper">
        <div id="n1"><h1>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div>
        <div id="wrapper2">
            <div id="n2"><h1>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div>
            <div id="n3">Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div>
        </div>
    </div>
Код CSS
1
2
3
4
5
6
body,h1 { margin:0; padding:0; }
#wrapper { min-width:500px; width:100%; position:absolute; height:100%; margin:0; padding:0; }
#wrapper2 { width:auto; height:100%; margin:0; padding:0; }
#n1 { width:200px; height:100%; margin:0; padding:0; float:right; }
#n2 { width:100%; height:80%; margin:0; padding:0; }
#n3 { width:100%; height:20%; margin:0; padding:0; }
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.06.2013, 01:44     Компоновка страницы
Еще ссылки по теме:

HTML, CSS Прокрутка страницы
HTML, CSS Фон страницы
HTML, CSS После обновления страницы на время съезжают картинки, после полной загрузки страницы все восстанавливается

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
body90
Форумчанин
346 / 279 / 8
Регистрация: 26.05.2009
Сообщений: 2,618
09.06.2013, 01:44  [ТС]     Компоновка страницы   #6
UchihaSV, спасибо! Именно то, что нужно.
Yandex
Объявления
09.06.2013, 01:44     Компоновка страницы
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Ответ Создать новую тему
Опции темы

Текущее время: 19:01. Часовой пояс GMT +3.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.7 PL3
Copyright ©2000 - 2015, vBulletin Solutions, Inc.
Яндекс.Метрика