hvordan klipper man den kasse til så den kan udvides

Hvis længden er højden:

Stykke 1: [------]

Stykke 2: |_____|

Stykke 3: [------]

Forklaring:

[ og ] betyder hjørner
| betyder kant
_ er mellemrum, tomrum... dvs, ingenting

Gav det mening?

Hvis kassen skal kunne udvide sig i bredden og højden, skal du dele den op i 8 stykker:

[ - ]
|  |
[ - ]

Hjørner: top-venstre, top-højre, bund-venstre, bund-højre
Linie: top-linie, bund-linie
Kanter/sider: side-venstre, side-højre

Eksempel: http://peecee.dk/index.php?lid=1&aid=1&pid=2&loadid=55327

det var også sådan jeg var i gang med at gøre...

Men hvordan skal html'en se ud, kan lave .net osv. godt, men ikke smart grafik

som jeg havde overvejet det...

<table>
<tr><td> stykke1 </td></tr>
<tr><td style="background-(osv.) stykke2)> noget </td></tr>
--- her "går det galt"
<tr><td style="background-(osv.) stykke3)> </td></tr>
---
</table>
teksten skal kunne "gå ud over" stykke2 til stykke3

Der er bagrund på stykke 2 der fader nede fra og op, hvis jeg "repeater" background virker det ikke, hvis ej så bliver der tomt ,o)

evt en "dobbelt" tabel med stykke3 nederst?
tabellen må godt have en minumum højde ;o)

har fundet ud af det....tog sin tid

<table border="0" cellspacing="0" cellpadding="0" style="width: 571px;"><tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" style="width: 571px;">
<tr><td><img src="widebox_gray_top.gif" width="571" height="10" alt="" border="0"></td></tr>
<tr>
<!-- content  style="background-image: url(widebox_center.gif); background-repeat: repeat-y;"-->
<td style="background-image: url(widebox_gray_bg.gif); background-repeat: repeat-x; background-position: bottom left;">
<table border="0" cellspacing="0" cellpadding="5" style="width: 571px; border-left: solid 1px #999999; border-right: solid 1px #999999;">
<tr>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus a nulla. Aliquam rutrum laoreet sem. Praesent tristique dapibus ipsum. Suspendisse nec dolor. Integer id sem. Morbi gravida, nibh id pretium condimentum, justo nibh nonummy ipsum, sed bibendum mauris nunc ut tellus. Nam fringilla viverra nisl. Donec id sem vitae felis interdum dictum. Curabitur tortor. Integer commodo posuere diam. Vestibulum orci ante, blandit ac, laoreet id, tempus ac, arcu. Aenean neque orci, suscipit et, interdum eu, blandit a, felis. Phasellus ipsum massa, molestie non, imperdiet sit amet, scelerisque in, lorem. Cras venenatis diam quis lorem. Ut lectus. Phasellus ut velit.
<br><br>Aenean risus libero, faucibus eu, rhoncus in, imperdiet sit amet, ligula. Vivamus urna dolor, posuere non, mattis sit amet, tempor eu, arcu. Mauris ligula sapien, vestibulum a, eleifend ut, dignissim nec, lacus. Praesent porttitor molestie felis. In hac habitasse platea dictumst. Maecenas lectus elit, faucibus eu, adipiscing luctus, porttitor vel, nibh. Vestibulum feugiat, elit vitae fringilla convallis, mauris dolor sollicitudin enim, vehicula gravida elit dui vel magna. Aliquam vitae libero in orci lobortis interdum. Vestibulum at arcu. Aliquam bibendum consectetuer velit. Proin ullamcorper aliquet est. Nunc mi.
<br><br>In dictum ante ut pede. Maecenas ullamcorper varius neque. Ut aliquet cursus erat. Duis gravida est id eros. Nulla vitae felis. In nisl arcu, pretium in, adipiscing vel, feugiat nec, ligula. Duis consectetuer auctor tortor. Curabitur non nibh varius orci cursus tristique. Vestibulum quis risus. Quisque interdum blandit diam. Duis id est nec risus tristique dignissim. Nulla molestie, ipsum accumsan porttitor hendrerit, eros risus tincidunt magna, congue vestibulum dui tellus ac quam. In sed odio non nunc fermentum tempor. Vivamus vehicula metus id neque hendrerit pellentesque. Ut sapien tellus, accumsan quis, iaculis id, condimentum molestie, justo. Quisque vel ligula. Sed urna. Pellentesque elementum. Vivamus lacinia.
<br><br>In hac habitasse platea dictumst. Nulla facilisi. Proin ornare. Pellentesque orci libero, ultricies eu, adipiscing nec, ornare id, lectus. Sed in neque non massa tempus porta. Aenean ac erat. Maecenas suscipit, nibh at sagittis hendrerit, lectus pede cursus diam, vitae rhoncus mauris diam vitae lacus. Etiam facilisis luctus ipsum. Nullam sed nibh. Nulla consectetuer mi a dolor.
<br><br>Proin placerat, ante ut tempor tristique, mauris nibh hendrerit nunc, non venenatis risus nulla posuere enim. In eu est. Morbi vitae diam. Duis viverra enim vel lorem. In feugiat eleifend ipsum. Etiam ultrices faucibus lorem. Praesent mi ligula, iaculis nec, ultricies tristique, vulputate ut, neque. Suspendisse vestibulum elit eu lacus. Donec est. Nulla laoreet dictum urna. Fusce faucibus massa in risus. Praesent eu lacus. Sed fringilla lobortis lectus. Vestibulum pellentesque, massa eget ullamcorper tempus, turpis magna ullamcorper lorem, nec tristique nibh pede sed turpis. Quisque varius sem sed sapien. Curabitur malesuada. Vestibulum varius nibh. Praesent sed magna. Nulla sapien dui, sodales a, pretium sit amet, ultricies ac, metus. Curabitur sollicitudin nibh vel felis.
</td></tr>
</table>
<!-- content end -->
</td></tr>
</table>
<tr><td><img src="widebox_gray_bottom.gif" width="571" height="10" alt="" border="0"></td></tr>
</td></tr></table>