Форум программистов, компьютерный форум CyberForum.ru
С наступающим Новым годом!
CyberForum.ru - форум программистов и сисадминов > >
Восстановить пароль Регистрация
 
body90
Форумчанин
337 / 270 / 7
Регистрация: 26.05.2009
Сообщений: 2,587
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 Почему при создании веб-страницы в FrontPage автоматически создается папка с изображениями, а при создании веб-страницы в DreamWeaver - нет?
HTML, CSS Печать страницы
HTML, CSS Подгонка страницы
HTML, CSS Размер страницы
HTML, CSS Прокрутка страницы
HTML, CSS Фон страницы
HTML, CSS После обновления страницы на время съезжают картинки, после полной загрузки страницы все восстанавливается

Поиск по форуму:
Taatshi
Администратор
9171 / 3661 / 144
Регистрация: 05.04.2011
Сообщений: 10,292
08.06.2013, 12:18     Компоновка страницы   #2
body90, сделайте для 2 и 3 общий див-обертку
body90
Форумчанин
337 / 270 / 7
Регистрация: 26.05.2009
Сообщений: 2,587
08.06.2013, 13:53  [ТС]     Компоновка страницы   #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
Taatshi
Администратор
9171 / 3661 / 144
Регистрация: 05.04.2011
Сообщений: 10,292
08.06.2013, 14:07     Компоновка страницы   #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

и покажите нам html и css как напишете
UchihaSV
Форумчанин
62 / 54 / 16
Регистрация: 08.06.2013
Сообщений: 212
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
Форумчанин
337 / 270 / 7
Регистрация: 26.05.2009
Сообщений: 2,587
09.06.2013, 01:44  [ТС]     Компоновка страницы   #6
UchihaSV, спасибо! Именно то, что нужно.
Yandex
Объявления
09.06.2013, 01:44     Компоновка страницы
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Опции темы

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