Верстка сайта (бьюсь с утра)

123 4
kams
На сайте с 18.04.2013
Offline
94
1522

Не могу понять как делать по человечески!!! колхозно уже сделанно, надо по правильному....

Как делать так чтобы:

По середине два блока (DIV2 и DIV5 с фиксированной шириной)

Слева от блока DIV 2, блок DIV1 - который растягивается на всю ширину (резиновый, но растягивается от левого края блока DIV2, при этом чуть чуть наезжая на него).

Справа блок DIV 3, он идет под блоком DIV 5, но идет до блока DIV 2 - но прижат уже к его правой стороне.

Вот как это сделать? float не катит! т.к. мне нужно один статической ширины и по центру, остальные слева и справа не статической ширины, причем прижаты к тому что по статической ширине.

С позиционирование вообще не понимаю как эту проблему решить! Колхозным путем типа снизу один див большой вместо ДИВ 1 и ДИВ 3, а сверху по центру остальные не катит!

Как решить проблему грамотно? при необходимости могу дать ссылку!!!

Буду очень признателен, мозг вообще не понимает, уже 100 видеокурсов пересмотрел, и так и сяк эксперементировал не понимаю.

, слева от него был блок на всю ширину сайта (только ширину слева от него, тоесть от фиксированного блока влево) и чуть чуть наезжал на блок к которому прижат справа)

---------- Добавлено 08.08.2013 в 16:23 ----------

Только объясните пожалуйста по полочкам! хочу въехать!!!

Ayavryk
На сайте с 11.10.2003
Offline
209
#1

table/display:table не пробовали?

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
kams
На сайте с 18.04.2013
Offline
94
#2
Ayavryk:
table/display:table не пробовали?

Таблицы порнография конечно нет. только блочная верстка.

IL
На сайте с 20.04.2007
Offline
435
#3

Вижу вариант завернуть всё в один большой overflow:hidden а всё остальное сильно длинное - уходит "за экран".. надеюсь, ничего текстового там нет...?

Позиционировать left|right:50%; margin-left:+|-XXXpx

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
AlexandrSG
На сайте с 14.11.2010
Offline
74
#4

Ссылку дайте, на то что есть.

Консультации, Inside/Outside (/ru/forum/809679) оптимизация/продвижение
kams
На сайте с 18.04.2013
Offline
94
#5
AlexandrSG:
Ссылку дайте, на то что есть.

http://furgonz.ru/

Увеличиваем уменьшаем. так не катит!

DiAksID
На сайте с 02.08.2008
Offline
236
#6
kams:
Таблицы порнография конечно нет. только блочная верстка.

"вьюноша пылкий со взглядом горящим" 😂 надо использовать то что эффективно, а не то что "пацаны советовали" ...

show must go on !!!...
AlexandrSG
На сайте с 14.11.2010
Offline
74
#7
kams:
http://furgonz.ru/

Увеличиваем уменьшаем. так не катит!

В тех местах что вы написали все в порядке. Сделайте скрин некорректного места.

Ayavryk
На сайте с 11.10.2003
Offline
209
#8
kams:
только блочная верстка.

Если не требуется поддержки ie7- можно юзать CSS display:table (в первом посте я это написал)

И вообще сдается мне что вы придумали какую-то излишне сложную раскладку.

kams:
Таблицы порнография

Мизулина сказала?

по мне порнография - это кастомные теги типа <MIGANIE>, нецелевое использование <br>, отбои при помощи &nbsp; и много чего другого в вашей верстке

U
На сайте с 05.03.2013
Offline
34
#9
kams:
Как решить проблему грамотно?

Никак, эту проблему можно решить только через js, но оно того не стоит. Оставьте как есть, но я бы плашку зарепитил, а в дырку (под логотип) положил небольшой непрозрачный блок.

.
Ayavryk
На сайте с 11.10.2003
Offline
209
#10
kams:
Таблицы порнография

ubriaco:
эту проблему можно решить только через js
Ну если табличка - порнография, то JS - изнасилование, с отягчающими обстоятельствами.
123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий