Zjednodusenie DIV-u – HTML / XHTML – Fórum – Programujte.com

<table align="center" width="500" height="500"><tr><td>

<div style="position: relative; width:500; height:500;">



<div style="position: absolute; left: 0px; top: 0px; background-image:url(images/table_upper_left.png); width:10px; height:10px;"></div>

<div style="position: absolute; right: 0px; top: 0px; background-image:url(images/table_upper_right.png); width:10px; height:10px;"></div>

<div style="position: absolute; bottom: 0px; left: 0px; background-image:url(images/table_lower_left.png); width:10px; height:10px;"></div>

<div style="position: absolute; bottom: 0px; right: 0px; background-image:url(images/table_lower_right.png); width:10px; height:10px;"></div>



<div style="position: absolute; left: 10px; right: 10px; top: 2px; background-image:url(images/table_inside.png); height: 8px;"></div>

<div style="position: absolute; left: 10px; right: 10px; bottom: 2px; background-image:url(images/table_inside.png); height: 8px;"></div>

<div style="position: absolute; bottom: 10px; left: 2px; top: 10px; background-image:url(images/table_inside.png); width: 8px;"></div>

<div style="position: absolute; right: 2px; top: 10px; bottom: 10px; background-image:url(images/table_inside.png); width: 8px;"></div>



<div style="position: absolute; left: 10px; right: 10px; top: 0px; background-image:url(images/table_border.png); height: 2px;"></div>

<div style="position: absolute; bottom: 0px; left: 10px; right: 10px; background-image:url(images/table_border.png); height: 2px;"></div>

<div style="position: absolute; top: 10px; bottom: 10px; background-image:url(images/table_border.png); width: 2px;"></div>

<div style="position: absolute; right: 0px; top: 10px; bottom: 10px; background-image:url(images/table_border.png); width: 2px;"></div>



<div style="position: absolute; right: 10px; top: 10px; bottom: 10px; left: 10px; background-image:url(images/table_inside.png);"></div>



<div style="position: absolute; top: 10px; right: 10px; left: 10px; bottom:10px;">text</div>



</div>

</td></tr></table>

ak som ta spravne pochopil tak staci ked das height: auto;

Vypadá to jak největší prasárna, mno ale... :P

Pokud bys chtěl nastavit min. výšku 500px, která by se zvětšila s případným delším textem, využij vlastnost min-height: 500px. Pro starší IE potřebuješ ještě doplnit hackem: _height: 500px.