Форум программистов, компьютерный форум CyberForum.ru
CyberForum.ru - форум программистов и сисадминов > >
Восстановить пароль Регистрация
 
body90
Форумчанин
330 / 263 / 4
Регистрация: 26.05.2009
Сообщений: 2,567
07.06.2013, 16:10     Компоновка страницы   #1
Здравствуйте! Подскажите, какими способами можно сделать такое расположение на странице <div>'ов, кроме использования таблицы?
Миниатюры
Компоновка страницы  
AdAgent
Объявления
07.06.2013, 16:10    Компоновка страницы
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.06.2013, 16:10    Компоновка страницы

Посмотрите здесь:

HTML, CSS Середина страницы.

HTML, CSS Разделение страницы.

HTML, CSS Перезагрузка страницы

HTML, CSS Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ?

HTML, CSS Почему при создании веб-страницы в FrontPage автоматически создается папка с изображениями, а при создании веб-страницы в DreamWeaver - нет?

HTML, CSS Разметка страницы

HTML, CSS Кодировка страницы

HTML, CSS разметка страницы

HTML, CSS Размер страницы

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

Taatshi
Администратор
8877 / 3520 / 135
Регистрация: 05.04.2011
Сообщений: 9,979
08.06.2013, 12:18     Компоновка страницы   #2
body90, сделайте для 2 и 3 общий див-обертку
body90
Форумчанин
330 / 263 / 4
Регистрация: 26.05.2009
Сообщений: 2,567
08.06.2013, 13:53  [ТС]     Компоновка страницы   #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
Taatshi
Администратор
8877 / 3520 / 135
Регистрация: 05.04.2011
Сообщений: 9,979
08.06.2013, 14:07     Компоновка страницы   #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

и покажите нам html и css как напишете
UchihaSV
Форумчанин
48 / 53 / 16
Регистрация: 08.06.2013
Сообщений: 202
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; }
body90
Форумчанин
330 / 263 / 4
Регистрация: 26.05.2009
Сообщений: 2,567
09.06.2013, 01:44  [ТС]     Компоновка страницы   #6
UchihaSV, спасибо! Именно то, что нужно.
Yandex
Объявления
09.06.2013, 01:44    Компоновка страницы
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Ответ Создать новую тему
Опции темы

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