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

123 4
dkameleon
На сайте с 09.12.2005
Offline
386
#11

2, 5, 4 - верстать обычно, с выравниванием посередине.

див0 - создать, в него обернуть всю верстку, дать позишен = релатив.

див1 - позишен = абсолют, лефт = 0, райт = 50%, марджин-райт = сколько там надо, чтоб сдвинуть влево.

див5 - позишен = абсолют, райт = 0, лефт = 50%б марджин-лефт = сколько там надо для сдвига влево.

ну и з-индексы подшаманить.

Дизайн интерьера (http://balabukha.com/)
Ayavryk
На сайте с 11.10.2003
Offline
209
#12
dkameleon:
див1 - позишен = абсолют.

Абсолют м.б. только при фиксированной высоте. А тут хз

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
dkameleon
На сайте с 09.12.2005
Offline
386
#13
Ayavryk:
Абсолют м.б. только при фиксированной высоте. А тут хз

если исходить из лайаута, то тоже должно быть решаемо.

U
На сайте с 05.03.2013
Offline
34
#14

Простите, рано...........

.
DiAksID
На сайте с 02.08.2008
Offline
236
#15

я что то не врубаюсь: а в чем проблема? в центре отцентрированный wrapper на 980 px, перед ним (что бы обтекали) слева и справа два плавающих блока с overflow-x:hidden и нужным float. внутри wrapper всё компонуется элементарно. вроде бы и все дела...

show must go on !!!...
U
На сайте с 05.03.2013
Offline
34
#16
DiAksID:
я что то не врубаюсь: а в чем проблема? в центре отцентрированный wrapper на 980 px, перед ним (что бы обтекали) слева и справа два плавающих блока с overflow-x:hidden и нужным float. внутри wrapper всё компонуется элементарно. вроде бы и все дела...

Начнем с того, что float блокам нужно выставлять ширину руками, резиново вы это сверстать не сможете. И как вы собрались обтекать отцентрированный блок тоже не очень понятно

DiAksID
На сайте с 02.08.2008
Offline
236
#17
ubriaco:
Начнем с того, что float блокам нужно выставлять ширину руками...

с какого перепугу 😂 ? overflow-x:hidden с width:auto отклиппирует внутреннюю ширину до пределов обтекания, а с отрицательным margin можно и "залезть внутрь" центрального wrapper хоть на всю его ширину, благо она фиксированная. другое дело если боковые блоки будут пустыми...

dkameleon
На сайте с 09.12.2005
Offline
386
#18
ubriaco:
Ваш вариант подразумевает отрицательные margin, поэтому на родительский блок придется ставить overflow-x:hidden.

не вижу связи.

U
На сайте с 05.03.2013
Offline
34
#19

DiAksID, как вы отцентруете-то это все? Покажите пример на js fiddle, я может не понял вашей идеи?

dkameleon, да я уже о другой проблеме начал, сорри. Потер. 🤪

DiAksID
На сайте с 02.08.2008
Offline
236
#20
ubriaco:
DiAksID, как вы отцентруете-то это все? ...

руками и по разному 😂 вот на вскидку http://yiis.ru/ самое примитивное решение, для плавающих блоков box-sizing: border-box; width: 50%; паддинги на половину ширины центрального, внутри дивы с отрицательным марджин для наезда. все дела...

123 4

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