Форум программистов, компьютерный форум CyberForum.ru

Компоновка страницы - HTML, CSS

Войти
Регистрация
Восстановить пароль
 
body90
 Аватар для body90
359 / 292 / 8
Регистрация: 26.05.2009
Сообщений: 2,676
07.06.2013, 16:10     Компоновка страницы #1
Здравствуйте! Подскажите, какими способами можно сделать такое расположение на странице <div>'ов, кроме использования таблицы?
Миниатюры
Компоновка страницы  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.06.2013, 16:10     Компоновка страницы
Посмотрите здесь:

HTML, CSS Середина страницы.
Разделение страницы. HTML, CSS
4 страницы на html HTML, CSS
HTML, CSS Html-страницы
Кодировка страницы HTML, CSS
Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ? HTML, CSS
Почему при создании веб-страницы в FrontPage автоматически создается папка с изображениями, а при создании веб-страницы в DreamWeaver - нет? HTML, CSS
Страницы сайта HTML, CSS
HTML, CSS разметка страницы
HTML, CSS Размер страницы
HTML, CSS После обновления страницы на время съезжают картинки, после полной загрузки страницы все восстанавливается
Фон страницы HTML, CSS

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

Или воспользуйтесь поиском по форуму:
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Taatshi
Администратор
 Аватар для Taatshi
11238 / 4823 / 248
Регистрация: 05.04.2011
Сообщений: 13,395
Записей в блоге: 2
08.06.2013, 12:18     Компоновка страницы #2
body90, сделайте для 2 и 3 общий див-обертку
body90
 Аватар для body90
359 / 292 / 8
Регистрация: 26.05.2009
Сообщений: 2,676
08.06.2013, 13:53  [ТС]     Компоновка страницы #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
Taatshi
Администратор
 Аватар для Taatshi
11238 / 4823 / 248
Регистрация: 05.04.2011
Сообщений: 13,395
Записей в блоге: 2
08.06.2013, 14:07     Компоновка страницы #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

и покажите нам html и css как напишете
UchihaSV
 Аватар для UchihaSV
216 / 177 / 53
Регистрация: 08.06.2013
Сообщений: 603
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
 Аватар для body90
359 / 292 / 8
Регистрация: 26.05.2009
Сообщений: 2,676
09.06.2013, 01:44  [ТС]     Компоновка страницы #6
UchihaSV, спасибо! Именно то, что нужно.
Yandex
Объявления
09.06.2013, 01:44     Компоновка страницы
Ответ Создать тему
Опции темы

Текущее время: 13:20. Часовой пояс GMT +3.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru