table Problem

[aerox]

hallo, ich brauche Hilfe!
Ich möchte eine Tabelle machen, jedoch klappt es nicht richtig.

Die Tabelle besteht aus 3 Bildern.
es ist schwer zu beschreiben, deshalb gebe ich euch einfach den Link
und den Style-teil:
[NsG] www.NonStopGaming.de || Support: [email protected] (hab die td's rot umrandet!)

HTML:

<table id="page">
<tr><td id="p_lt" rowspan="2"></td><td id="p_t"></td><td id="p_rt" rowspan="2"></td></tr>
<tr><td id="p_text" rowspan="3">das ist der text!</td></tr>
<tr><td id="p_l">&nbsp;</td><td id="p_r">&nbsp;</td></tr>
<tr><td id="p_lb" rowspan="2"></td><td id="p_rb" rowspan="2"></td></tr>
<tr><td id="p_b"></td></tr>
</table>

CSS:

#page { width:100%; empty-cells:show; }
#page td { border:1px red solid }
#p_lt,#p_rb,#p_rt,#p_lb { background-image:url(image/page_full.gif); width:15px; }
#p_lt,#p_rt { height:345px; }
#p_lb,#p_rb { height:101px; }
#p_b,#p_t { height:8px }
#p_r,#p_l { background-image:url(image/page_hor.gif); height:500px }
#p_t,#p_b { background-image:url(image/page_ver.gif) }
#p_lt,#p_t { background-position:left top }
#p_lb,#p_l { background-position:left bottom }
#p_b,#p_rb { background-position:right bottom }
#p_r,#p_rt { background-position:right top }
#p_text { font-family:Verdana,Arial; padding:5px; background-color:#444444; height:600px }

 

[Corvulus]

Was klappt daran denn nicht? Ich würde es zum Beispiel einmal so ändern, dass die TD-Tags nicht verschieden hoch sind.

Gruß Corvukus

 

[aerox]

also es geht darum, dass ich die ecken (p_lt,p_rb...) genau abgegrenzt habe!
Nun möchte ich p_l und p_r variabel machen, so dass es sich anpasst!
jedoch wird nicht p_l und p_r größer sondern die ecken!

hab das jetzt noch ma richtiger gemacht:

#page { width:100%; empty-cells:show; }
#page td { border:1px red solid }
#p_lt,#p_rb,#p_rt,#p_lb { background-image:url(image/page_full.gif); width:15px; }
#p_lt,#p_rt { height:345px; }
#p_lb,#p_rb { height:101px; }
#p_b,#p_t { height:8px }
#p_r,#p_l { background-image:url(image/page_hor.gif) }
#p_t,#p_b { background-image:url(image/page_ver.gif) }
#p_lt,#p_t { background-position:left top }
#p_lb,#p_l { background-position:left bottom }
#p_b,#p_rb { background-position:right bottom }
#p_r,#p_rt { background-position:right top }
#p_text { font-family:Verdana,Arial; padding:5px; background-color:#444444; height:600px }

 

[aerox]

bitte helft mir!