Три div-a подряд

mopnex161rus · March 29, 2012

Доброго всем дня!

У меня такая проблемка возникла весь день голову ломаю на форум пришел из крайних мер((

В общем в этом деле я новичок и прошу помощи!

У меня есть блок в котором имеются ещё 3 блока(левый,центральный и правый),у левого и правого ширина одинаковая а средним надо заполнить всё оставшиеся место между левым и правым блоком...да что я рассказываю взгляните сами:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<title>Главная</title>
<body>


<div class="Main_Cont">
	<div class="Center_Gadget"></div>
	<div class="Left"></div>
	<div class="Right"></div>
</div>


</div>
</body>
</html>

CSS:

.Main_Cont {
	width:1400px;
	height:200px;
	background-color:#ccc;
	margin:0 auto;
}

.Center_Gadget {
	width:900px;
	height:100px;
	background-color: #F00;
	margin:0 auto;

}

.Left {
	width:230px;
	height:100px;
	background-color:#FF0;
	position: relative;
	float:left;
}

.Right {
	width:230px;
	height:100px;
	background-color:#00CC00;
	float:right;
}

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

Помогите пожалуйста!

XAKEPok · March 29, 2012

Размер указывай слоям main (100%), левому и правому. float сделает своё дело и центральному отдаст оставшееся место.

Кстати сначала левый\. потом центральный и потом правый. А не как у тебя

mopnex161rus · March 29, 2012

Спасибо за ответ,но не чего не вышло((

Мне надо ещё раз повторюсь что бы они встали вряд и центральный блок был между левым и правым,а не так что левый и правый просто лягут на центральный а тот тем самым будет растянут на всю ширину главного блока...

Есть ещё какие варианты?

Если можно пишите кодом

mSnus · March 29, 2012

</div>

сначала левй и правый, потом то, относительно чего они должны "флоатить"

mopnex161rus · March 29, 2012

mSnus Спасибо все теперь как надо!)

Edited March 29, 2012 by mopnex161rus

Svatov · March 29, 2012

Изучай

Техник на самом деле существует много, не ограничивайтесь лишь статьей выше, гугл по holy grail css поможет вам найти то, что вам надо

Edited March 29, 2012 by Svatov

Sign In

Три div-a подряд

Question

mopnex161rus

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

XAKEPok

Link to comment

Share on other sites

mopnex161rus

Link to comment

Share on other sites

mSnus

Link to comment

Share on other sites

mopnex161rus

Link to comment

Share on other sites

Svatov

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information