Форум PHP программистов > 3 подряд div-блока

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Soldier Ghost

24.09.2009 - 16:45

Привет всем делаю фон сайта с плавным переходом по центру в общем создал 2 див блока с лева и с права и теперь никак не могу третий по середине влепить как влепляю то правый блок съежает посоветуйте чтонибудь!

Спустя 10 минут, 39 секунд (24.09.2009 - 15:56) glock18 написал(а):

Код будет?

Спустя 1 минута, 3 секунды (24.09.2009 - 15:57) waldicom написал(а):

float используешь?

Спустя 14 минут, 50 секунд (24.09.2009 - 16:12) Soldier Ghost написал(а):

float по центру не выравнивает
код:
HTML

HTML

<div id="wraper">

<div id="left">Лево</div>

<div id="center">центер</div>

<div id="right">Право</div>

</div>

CSS

HTML

#wraper{
width:100%;
}

#left {
background:#dedede;
width:40%;
float:left;
}

#right {
background:#FFFFFF;
width:40%;
float:right;
}

#center{
width:200px;
margin-left:40%;
margin-right:40%;
margin-top:0px;
background-image:url(../image/center-bg.png);
}

Спустя 11 минут, 52 секунды (24.09.2009 - 16:24) waldicom написал(а):

а где float для "#center"? И убери в "#center"

HTML

margin-left:40%;margin-right:40%;

И зачем задавать абсолютный размер для центра, если левый и правый у тебя в процентах

Спустя 3 минуты, 3 секунды (24.09.2009 - 16:27) glock18 написал(а):

1. либо выводи центральный блок с левым флоатом.
2. либо (не факт что получился) выводи его после правого и задавай ему необходимые отступы с краев.

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

Спустя 3 минуты, 55 секунд (24.09.2009 - 16:31) Soldier Ghost написал(а):

Сделал так и вроде всё встало на свои места

спасибо

HTML

#center{
width:200px;
margin-right:0px;
float:left;
background-image:url(../image/center-bg.png);
}

_____________
Schecter damien 6 FR

Быстрый ответ:

Здесь расположена полная версия этой страницы.