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] [NsG] www.NonStopGaming.de || Support: [email protected] || Support: [email protected] (hab die td's rot umrandet!)

HTML:
Code:
<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:
Code:
#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 }

ich möchte, dass p_l und p_r variable sind, also so das wenn p_text höher wird, gleichzeitig p_l und p_r sich vergrößern!
Bisher verändern sich nur die ecken also p_lt,p_rb...
obwohl die höhe fest angegeben ist!

was soll ich tun?

PS: benutze Opera!

 

[sysop]

dazu brauchst du was, das man variabel gestalten kann, also NICHT html sondern z.b. php. ausserdem braucht man vorher die information, wie gross der text ist, woher soll dein code wissen was er wie, wann vergrössern soll ?

z.b.

<?PHP
$text_width = strlen($text); // z.b. 200 zeichen

?>
<table width="<?PHP echo $text_width; ?>">
  <tr>
    <td width="<?PHP echo ($text_width - 100); ?>"><?PHP echo $text; ?></td>
    <td>beschreibung</td>
  </tr>
</table>
<?PHP
// hier halt weiteren kram

is quic and dirty, aber du erkennst den ansatz.

noch ein kleiner tip am rande.
mit p_t, p_rt und solchen nichts-sagenden werten solltest du nicht arbeiten, nenn das p_zelle und p_zeile oder so, das kann sonst keiner lesen.

 

[aerox]

ich danke für die Antwort!

also das p_t heißt p_top, p_lt heißt left-top usw.

ich hatte gedacht, dass sich p_l und p_r vergrößern,
da keine höhe angegeben ist.

PS: Das Beispiel ist die Umrandung der Seite, somit
habe ich dort table's und div's drinne