Показать сообщение отдельно

Как такое сверстать дивами?
  #5  
Старый 04.02.2010, 13:57
mff
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
С нами: 9560486

Репутация: 1809


Question Как такое сверстать дивами?

Как такое сверстать дивами, учитывая что панель имеет динамичную высоту?



Вот что я навоял:

Код 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;">&nbsp;</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>
но, слои по бокам не опускаются по длине:



 
Ответить с цитированием