Форум программистов, компьютерный форум CyberForum.ru
CyberForum.ru - форум программистов и сисадминов > >
Восстановить пароль Регистрация
 
body90
Форумчанин
345 / 278 / 8
Регистрация: 26.05.2009
Сообщений: 2,605
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
Администратор
9440 / 3855 / 159
Регистрация: 05.04.2011
Сообщений: 10,728
08.06.2013, 12:18     Компоновка страницы   #2
body90, сделайте для 2 и 3 общий див-обертку
body90
Форумчанин
345 / 278 / 8
Регистрация: 26.05.2009
Сообщений: 2,605
08.06.2013, 13:53  [ТС]     Компоновка страницы   #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
Taatshi
Администратор
9440 / 3855 / 159
Регистрация: 05.04.2011
Сообщений: 10,728
08.06.2013, 14:07     Компоновка страницы   #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

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

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