Форум программистов, компьютерный форум CyberForum.ru
CyberForum.ru - форум программистов и сисадминов > >
Восстановить пароль Регистрация

Ответ Создать новую тему
 
body90
Форумчанин
330 / 263 / 4
Регистрация: 26.05.2009
Сообщений: 2,564
07.06.2013, 16:10     Компоновка страницы
  #1
Здравствуйте! Подскажите, какими способами можно сделать такое расположение на странице <div>'ов, кроме использования таблицы?
Миниатюры
Компоновка страницы  
AdAgent
Объявления
07.06.2013, 16:10
Taatshi
Администратор
8825 / 3468 / 128
Регистрация: 05.04.2011
Сообщений: 9,821
08.06.2013, 12:18
  #2
body90, сделайте для 2 и 3 общий див-обертку
body90
Форумчанин
330 / 263 / 4
Регистрация: 26.05.2009
Сообщений: 2,564
08.06.2013, 13:53  [ТС]
  #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
Taatshi
Администратор
8825 / 3468 / 128
Регистрация: 05.04.2011
Сообщений: 9,821
08.06.2013, 14:07
  #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

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

Похожие темы
Тема Раздел Ответов Автор Дата
HTML, CSS Как для одной страницы отображать одно меню, а для другой страницы другое меню? DLE
Как для одной страницы отображать одно меню, а для другой страницы другое меню? То есть, есть страница "Товары", и в меню отображаются "Товар А", "Товар Б". Если страница "О нас", то в меню должны...
HTML, CSS 0 exwell 14.12.2013 15:23
HTML, CSS Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ?
Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ?
HTML, CSS 3 Shois 28.10.2013 21:40
HTML, CSS Масштабирование страницы
Приветствую друзья! Пользовался поиском по форуму, но он ничего не дал. Нашел недавно сайт http://ecointerier.ru/ так вот, на нем при уменьшении размера браузера, уменьшается абсолютно все(...
HTML, CSS 4 wcw2007 06.08.2013 08:40
HTML, CSS Подгонка страницы
Написал страницу с помощью абсолютного позиционирования, каждому элементу присвоил id, и дал им определенное положение, пример: <html> <head> <title>Название</title> <style type="text/css">...
HTML, CSS 10 Evilашму 21.05.2013 16:40
HTML, CSS Печать страницы
Здавствуйте, мне нужна помощь Мне нужно как то распечатать веб страницу в стиле ворда. У меня на странице есть поля для заполнения, а так же несколько окон для выбора. Нужно создать кнопку...
HTML, CSS 3 GrazyPing 21.05.2013 16:12
HTML, CSS Почему при создании веб-страницы в FrontPage автоматически создается папка с изображениями, а при создании веб-страницы в DreamWeaver - нет?
Если я создаю веб-страницу в FrontPage и называю ее, например, page.html, то автоматически создается папка page.files, где хранятся все изображения, которые относятся к веб-странице page.html. А если...
HTML, CSS 2 Oleg556677 21.12.2012 18:06
HTML, CSS 4 страницы на html
помогите сделать 4 страницы на html. очень срочно надо!
HTML, CSS 2 flcl 20.05.2011 20:46
HTML, CSS эффект страницы
Как в html сделать эффект страницы, чтобы весь текст находился типа в страница a4, только размеры сам указываешь.
HTML, CSS 5 Wanee 27.04.2011 08:25
Опции темы

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