kleines Problem mit Tabellen

[Dark_Phoenix]

Hi Leute,

also, ich versuche euch jetzt mal mein Problem zu schildern...
Ich habe mir ein Design entworfen, welches ich auseinander geschnitten habe usw~
jetzt habe ich das Design in eine Tabelle eingebunden, die relativ verzweigt ist:

<table cellpadding="0px" cellspacing="0px" border="0px">
<tr><td colspan="3"><img src="./img/top.jpg" /></td></tr>
<tr><td colspan="3"><img src="./img/banner.jpg" /></td></tr>
<tr><td colspan="3"><img src="./img/middleline.jpg" /></td></tr>
<tr>
    <td width="182px" height="31px"><img src="./img/button_home.jpg" /></td>
    <td width="431px" height="31px" background="./img/space.jpg">&nbsp;</td>
    <td rowspan="6" width="209px" height="181px" background="img/login.jpg" /></td>
</tr>
<tr>
    <td height="30px"><img src="./img/button_community.jpg" /></td>
    <td width="431px" valign="top" rowspan="6" bgcolor="#ae0605">

hier kommt der Text hin

    </td>
</tr>
<tr><td width="182px" height="29px"><img src="./img/button_forum.jpg" /></td></tr>
<tr><td width="182px" height="31px"><img src="./img/button_guestbook.jpg" /></td></tr>
<tr><td width="182px" height="30px"><img src="./img/button_gallery.jpg" /></td></tr>
<tr><td width="182px" height="30px"><img src="./img/button_download.jpg" /></td></tr>
<tr>
    <td height="200px" bgcolor="#ae0605">&nbsp;</td>
    <td height="200px" bgcolor="#ae0605">&nbsp;</td>
</tr>
<tr><td colspan="3"><img src="./img/footer.jpg" /></td></tr>
</table>

<- sry, dass es so sche**e aussieht

das Problem ist jetzt, dass wenn der Text, den ich reinschreiben will, zu lang ist, wird mein Design links und rechts verzogen.
Jetzt suche ich nach einer Möglichkeit, z.B. die Höhe festzulegen oder ähnliches.

Wär toll wenn mir jemand bei meinem Problem helfen könnte.
Danke schon mal im Voraus

mfG Dark Phoenix

 

[gruenspan]

warum layouten mit tabellen Sch*** ist!

 

[stratege993]

Ich habe mal den Text verständlich gemacht:

<table cellpadding="0px" cellspacing="0px" border="0px">
 <tr>
  <td colspan="3">
   <img src="./img/top.jpg" />
  </td>
 </tr>
 <tr>
  <td colspan="3">
   <img src="./img/banner.jpg" />
  </td>
 </tr>
 <tr>
  <td colspan="3">
   <img src="./img/middleline.jpg" />
  </td>
 </tr>
 <tr> 
  <td width="182px" height="31px">
   <img src="./img/button_home.jpg" />
  </td>
  <td width="431px" height="31px" background="./img/space.jpg">
   &nbsp;
  </td>
  <td rowspan="6" width="209px" height="181px" background="img/login.jpg" />
  </td>
 </tr>
 <tr>
  <td height="30px">
   <img src="./img/button_community.jpg" />
  </td> 
  <td width="431px" valign="top" rowspan="6" bgcolor="#ae0605">
   hier kommt der Text hin
  </td>
 </tr> 
 <tr>
  <td width="182px" height="29px">
   <img src="./img/button_forum.jpg" />
  </td>
 </tr>
 <tr>
  <td width="182px" height="31px">
   <img src="./img/button_guestbook.jpg" />
  </td>
 </tr>
 <tr>
  <td width="182px" height="30px">
   <img src="./img/button_gallery.jpg" />
  </td>
 </tr>
 <tr>
  <td width="182px" height="30px">
   <img src="./img/button_download.jpg" />
  </td>
 </tr>
 <tr>
  <td height="200px" bgcolor="#ae0605">
   &nbsp;
  </td>
  <td height="200px" bgcolor="#ae0605">
   &nbsp;
  </td>
 </tr>
 <tr>
  <td colspan="3">
   <img src="./img/footer.jpg" />
  </td>
 </tr>
</table>

:arrow: Jetzt suche ich nach dem Problem

Ich bracuhe weitere Angaben. Welche Zeilen werden verzogen? Die zwei roten feler rechts und links? oder sage mir die zeilennummer!

 

[Dark_Phoenix]

hi,

wie hast du den text so eingerückt gekommen, das ging bei mir net:(

die zellen links und rechts mit den "button_irgendwas.jpg" bzw dem "login.jpg" verziehen sich. die roten Zellen darunter sollen sich ja eigentlich verziehen, wenn zu viel text in die Mitte rein geschrieben wird.


Danke schon mal im Voraus

ich hab grad gemerkt, dass das Problem nur im ie auftritt.

Cradle of Suicide - Clanpage

hier hab ich das Design mal hoch geladen

mfG Dark

 

[stratege993]

Nehme mal das Height=* bei den Roten Feldern weg vieleicht geht es dann.

 

[gruenspan]

nimm die zusätzliche verschachtelung der tabelle für das menü raus. mach ein ganz normales dreispaltenlayout. das menü realisiere dann mit hilfe einer liste.etwas so:

...
<td>
  <ul>
    <li><img src="button.jpg"></li>
    <li><img src="button.jpg"></li>
    <li><img src="butto.jpg"></li>
  </ul>
</td>
...

 

[Dark_Phoenix]

wenn ich das Height="*" raushol macht es keinen Unterschied

aber das mit der liste werde ich heut Abend mal ausprobieren..hab es nur mit
<br /> versucht..dann haben aber die Abstände nicht mehr gestimmt..


ich geb heut Abend bescheid, ob's funktioniert hat

mfG Dark

Nein..es hat leider nicht funktioniert : (

durch die Liste wird der abstand zu groß und verzieht die komplette seite

ich könnt ja nen javascript rein machen, der die seite nur anzeigt, wenn der
Browser firefox ist...*joke*

gibt es keine CSS eigenschaft, die es dem browser verbietet zellen zu
vergrößern/verkeinern..so wie mit frames halt "norezise"..
hab leider noch nix derartiges gefunden..

Danke für eure Hilfe, wenn noch jemandem was einfällt lasst es mich bitte wissen ; )

mfG Dark

MOD EDIT: Beiträge zusammengeführt. Bitte Forenregeln lesen!(Corvulus)