|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
11.08.2011, 15:06 | #1 |
Пользователь
Регистрация: 08.07.2011
Сообщений: 42
|
Позиционирование блоков
Всем привет!
Не могу разобраться с позиционированием своих блоков. Значит так. Слева и справа есть 1 и 2 блоки с подблоками. Кроме текстуры в них ничего не будет, так как тянущуюся текстуру из моей сделать невозвожно а вся картинка слишком тяжелаю, поэтому делал быкграундом и запихал в блоки. Как видно на картинке они тянутся до своего развера и переходят в цвет основного бэкграунда. Середина - это контент он должен тянуться в зависимости от разрешения между двумя блоками, например есть фикс ширина минимум 500пх, справа и слева блоки по 250пх, вся страничка минимум 1024, но если разрешение больше то крайние блоки остаются по 250 а центр тянется между ними. Помогите разобраться с позиционированием. Не могу понять когда какие лучше использовать свойства позиционирования. Прочитал мануал но так и не понял. вот мой код у меня все налазиет друг на друга. хтмл Код:
Код:
Created by KorPaEv...
|
11.08.2011, 17:32 | #2 |
Форумчанин
Регистрация: 18.06.2010
Сообщений: 273
|
пропишите размеры центрального diva не в px, а % и буде он у вас растягиваться так как положено
|
11.08.2011, 18:16 | #3 |
Форумчанин
Регистрация: 18.06.2010
Сообщений: 273
|
думаю подойдет
резиновый верстак на HTML Последний раз редактировалось X@OC; 11.08.2011 в 18:27. |
11.08.2011, 19:24 | #4 |
Новичок
Джуниор
Регистрация: 11.08.2011
Сообщений: 1
|
ребята, проблема. есть блок bar в блоке header, но при абсолютном позиционировании блока bar он смещается не относительно краев header-a, а относительно страницы.
Код:
Код:
|
11.08.2011, 20:44 | #5 |
Форумчанин
Регистрация: 18.06.2010
Сообщений: 273
|
попробуй сделать так
Код HTML:
margin-left : 10px ; |
11.08.2011, 21:49 | #6 | |
Пользователь
Регистрация: 08.07.2011
Сообщений: 42
|
Цитата:
Код HTML:
#header { position:relative; }
Created by KorPaEv...
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Позиционирование блоков и обтекание | boget | HTML и CSS | 4 | 06.05.2010 14:18 |
CSS позиционирование блоков | klyne | HTML и CSS | 7 | 30.04.2010 12:45 |
Позиционирование | Syltan | HTML и CSS | 0 | 25.03.2010 19:15 |
Позиционирование | serg_sk | HTML и CSS | 0 | 18.03.2010 20:42 |
Фиксированное позиционирование блоков. | Андрей79 | HTML и CSS | 0 | 17.08.2009 11:50 |