Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#28 used as offset, casting to integer (28) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#29 used as offset, casting to integer (29) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Версия для печати :: 3 блока в ряд: как?
ТвойWeb » WebMaster класс » CSS » 3 блока в ряд: как?

Страниц (1): [1]
 

1. awep - 27 Марта, 2008 - 17:41:21 - перейти к сообщению
Задача:
нужно расположить 3 блока в ряд. ширина первого и третьего известна.
Проблема:
расположить-то расположил. Но т.к. ширина второго блока не задана, он тупо растягивается до тех пор, пока не упрется в границы родителя, при этом сдвигает третий блок вниз.
Код страницы:
CODE:
<div id="page">
<div id="leftblocks"></div>
<div id="module"></div>
<div id="rightblocks"></div>
<div id="clean"><!-- пустой --></div>
</div>
Код CSS:
CODE:
#leftblocks, #rightblocks, #module{
float: left;
}
#clean{
clear: both;
}
#leftblocks, #rightblocks{
width: 180px;
}
Помогите кто чем может...
2. Ray Wen - 27 Марта, 2008 - 18:13:53 - перейти к сообщению
awep
Для #module отмени float и перенеси в конец блок... можно еще margin:0 180px задать, чтобы избежать оптикания...
3. awep - 30 Марта, 2008 - 13:20:23 - перейти к сообщению
Спасибо!
Убрал float для #module, задал float:right для #rightblocks , сместил #module в конец и задал ему margin: 0px 180px
Все работает как надо.

Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0233]     [ Gzipped ]