
04.02.2010, 13:57
|
|
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
С нами:
9560486
Репутация:
1809
|
|
Как такое сверстать дивами?
Как такое сверстать дивами, учитывая что панель имеет динамичную высоту?
Вот что я навоял:
Код HTML:
<div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div>
<div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div>
<div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div>
<div style="clear:both;"></div>
<div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;">
<div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</div>
</div>
<div style="width:240px; float:left; background:#ffffff;">
<div style="width:240px; height:15px; background:#cae4fd;"> </div>
<br /><br /><br /><br /><br />текст
</div>
<div style="width:16px; float:left; background: url(menu_r.png) left repeat-y;">
<div style="width:12px; height:15px; background:#cae4fd; margin-right:4px;">6</div>
</div>
<div style="clear:both;"></div>
<div style="width:16px; height:15px; float:left; background: url(menu_footer_l.png) right no-repeat;">7</div>
<div style="width:240px; height:15px; float:left; background: url(menu_footer_c.png) center repeat-x;">8</div>
<div style="width:16px; height:15px; float:left; background: url(menu_footer_r.png) left no-repeat;">9</div>
<div style="clear:both;"></div>
но, слои по бокам не опускаются по длине:

|
|
|