float плавающие блоки

Hoax · July 17, 2011

Всем привет, такая проблема наверно банальная, искал много инфы но ничего не нашел, В общем колонок на сайте много, но расскажу про 3 самые важные.

1 колонка левый блок

2 центр

3 правый блок

надо центр, центрировать чтоб всегда был (сделал), левая колонка растягивалась при уменьшении масшаба (сделал), а вот правую никак не могу понять как сделать так же как и левую. центру ставил margin:0 auto; левой float:left; правой хз что поставить, правая колонки ставиться хоть и справа, но под всеми элементами, если поставить float:left;

Если поставить центральному float:left; то он будет так же тянуться в лево, а не стоять на центре.

Короче проблема в правой колонке, она да ставиться справа, но не на равне с остальными элементами а ниже всех, и как ее поднять не пойму.



body {background:#fff;font-family:Times New Roman, 

serif;font-size:15px;color:#000;height:100%;min-width:1300px;}

#container {min-height:100%;}

#shapka {background:url(images/shapka.png)no-

repeat;width:1300px;height:331px;margin: 0 auto;}


#left_p {background:url(images/left.png)no-

repeat;width:324px;height:738px;float:left;}

#center_p {background:url(images/center.png)no-

repeat;width:652px;height:545px;margin:0 auto;}

#right_p {background:url(images/right.png)no-

repeat;width:324px;height:738px;float:right;}

http://s39.radikal.ru/i086/1107/cc/432025731473.png

Edited July 18, 2011 by Hoax

Hoax · July 17, 2011

ничего в голову не приходит(

Softlink · July 17, 2011

код бы скинули, как вы делаете. К этому ксс еще и html нужен.

Hoax · July 17, 2011

<body>
<div id="container">
<div id="shapka"></div>
<div id="left_p"></div>
<div id="center_p"></div>
<div id="right_p"></div>
<div id="bottom_left_p"></div>
<div id="bottom_center_p"></div>
<div id="bottom_right_p"></div>
</div>
</body>

Edited July 17, 2011 by Hoax

Hoax · July 18, 2011

хелп

Hoax · July 18, 2011

неужели никто не знает, это же распространненная проблема 3х колоночный сайт, с помощью float разъезжающие блоки левый и правый, а центральный посередине.

Rossi25 · July 18, 2011

Просто не понятно, что требуется. Вот вставил ваш код - http://jsfiddle.net/rLpbn/

неужели никто не знает, это же распространненная проблема 3х колоночный сайт, с помощью float разъезжающие блоки левый и правый, а центральный посередине.

Hoax · July 18, 2011

та просто код, немного поменял прежде чем оба вставить, вот смотрите http://jsfiddle.net/rLpbn/5/

Hoax · July 18, 2011

проблема решена

Sign In

float плавающие блоки

Question

Hoax

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Hoax

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

Hoax

Link to comment

Share on other sites

Hoax

Link to comment

Share on other sites

Hoax

Link to comment

Share on other sites

Rossi25

Link to comment

Share on other sites

Hoax

Link to comment

Share on other sites

Hoax

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information