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

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
body90
364 / 297 / 8
Регистрация: 26.05.2009
Сообщений: 2,676
#1

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

07.06.2013, 16:10. Просмотров 1014. Ответов 5
Метки нет (Все метки)

Здравствуйте! Подскажите, какими способами можно сделать такое расположение на странице <div>'ов, кроме использования таблицы?
0
Миниатюры
Компоновка страницы  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.06.2013, 16:10
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Компоновка страницы (HTML, CSS):

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

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

Почему при создании веб-страницы в FrontPage автоматически создается папка с изображениями, а при создании веб-страницы в DreamWeaver - нет? - HTML, CSS
Если я создаю веб-страницу в FrontPage и называю ее, например, page.html, то автоматически создается папка page.files, где хранятся все...

Компоновка центрированной страницы фиксированного размера - C# ASP.NET
допустим у меня есть страничка фиксированных размеров(800 х 600 для примера), как заставить её отображаться при разном разрешении экрана и...

Компоновка КА - Алгоритмы
Здравствуйте! Задача заключается в следующем: Имеется цилиндр(радиус цилиндра и его высота 2500мм) и имеется некоторое кол-во &quot;коробок&quot; с...

Компоновка - C++
Я недавно начал изучать язык по книге Дейтелов, и у меня есть вопрос по компоновке программы, а точнее по картинке...

5
Taatshi
Администратор
11467 / 4932 / 251
Регистрация: 05.04.2011
Сообщений: 13,585
Записей в блоге: 2
08.06.2013, 12:18 #2
body90, сделайте для 2 и 3 общий див-обертку
1
body90
364 / 297 / 8
Регистрация: 26.05.2009
Сообщений: 2,676
08.06.2013, 13:53  [ТС] #3
А как сделать, чтоб 1 был фиксированного размера, растягивая общий для 2 и 3 див?
0
Taatshi
Администратор
11467 / 4932 / 251
Регистрация: 05.04.2011
Сообщений: 13,585
Записей в блоге: 2
08.06.2013, 14:07 #4
body90, это уже зависит от нюансов верстки. Напишите начальный код - дальше уже будем подсказывать по факту.

и покажите нам html и css как напишете
1
UchihaSV
219 / 180 / 53
Регистрация: 08.06.2013
Сообщений: 613
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; }
1
body90
364 / 297 / 8
Регистрация: 26.05.2009
Сообщений: 2,676
09.06.2013, 01:44  [ТС] #6
UchihaSV, спасибо! Именно то, что нужно.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.06.2013, 01:44
Привет! Вот еще темы с ответами:

Компоновка - Java
import javax.swing.*; import java.awt.*; import java.awt.event.*; public class PierwszyProgram extends JFrame{ private JLabel...

Компиляция и компоновка - Assembler
Можете рассказать, как компилировать и компоновать в MASM и TASM.:help:

Компоновка фигур - Python
На вход идут данные из файла: {фигура: (количество экземпляров, (длины сторон/радиус))} и так же размер листа width, height Пример: ...

Компоновка элементов - C++ Qt
Добрый вечер! немного запуталась с компоновкой элементов на форме мне надо чтоб получилось вот так QBoxLayout *main =...


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

Или воспользуйтесь поиском по форуму:
6
Yandex
Объявления
09.06.2013, 01:44
Ответ Создать тему
Опции темы

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