Tabellenlayout verschiebt sich plötzlich, warum ???

  • Hallo ihr Coder,

    hab ein Problem mit einem Tabellenlayout. Dachte ich kenn mich mit Tabellen in HTML ganz gut aus, aber ich bin noch nie auf folgendes Phänomen gestossen:

    Habe ein Layout mit Kopzeile ( über drei Spalten ),
    dann darunter: Linke Spalte - Center - Rechte Spalte,
    und Fusszeile ( über drei Spalten )

    Jetzt hab ich in die Kopfzeile eine 2. Tabelle mit 3 Spalten gelegt. IS ja auch alles schön und gut, jedoch wenn ich in die mittlere Spalte ( Dort wo die cccccccccc oder aaaaaaaaaaa oder ddddddddddd stehen ) mehr reinschreibe ( ca. 5 Buchstaben mehr ), verbreitert sich der rechte und linke Bereich obwohl ihnen eine feste Breite zugeteilt worden ist !!!!

    Den Code den ich poste ist mit korrekter Breite. Setzt also mal ein paar "cccccccc" mehr rein und schaut was passiert.
    Bitte Bitte sagt mir wo das Problem liegt, bin am verzweifeln.



    Gruß
    crucho

    PS: HAbe das auch im Selfhtml gepostet

  • Nochmal zur Info:

    Bei mehreren "ccccccc" verdoppelt sich die Breite der "Linke Spalte" (dort wo "Links" drinne steht) und die Breite der "Rechte Spalte" (dort wo "Rechts" drinne steht).

    Phänomen tritt im IE und Opera auf !!!!

  • Macht copy/paste in ein HTML dokument, schaut es euch an und macht das was in den Tabellenzellen steht.
    Phänomen tritt nur im IE und Opera auf !!!!

    MfG
    Chris

  • Du verwendest für die Angabe der Breite 100%, dabei definierst du die Breite von Links und Rechts fest. Somit hast du einen Variablen Innenraum, der im IE aber so nicht bleibt! Er verändert in je nach Bedarf!
    Wenn du Ihn fest einstellst, kannst du auch noch mehr cccccccc reinschreiben, das währe so das was mir aufgefallen ist!


  • Achja, du kannst auch die Breiten variable lassen, dann geht es auch!

    Code
    <td class="bgnavright" height="450" width="20%" align="center">Links</td>
    
    
    	<td height="450" align="center" width="63%"><nobr>Center Bereich</nobr></td>
    
    
    	<td class="bgnavright" height="450" width="17%" align="center">Rechts</td>
  • Hi und danke für den Post,

    jedoch habe ich der rechten und linken Spalte absichtlich eine feste Breite zugeordnet, da dort wiederum graphische TAbellen reinkommen, welche auch ihre Position innerhalb der Spalte nicht verändern dürfen. Sonst ist das ganze nicht mehr Pixelgenau.
    Es soll also nur der Center Bereich Variabel sein, bzw. auch der Center Bereich der verschachtelten Tabelle ( Dort wo die "cccccc"/"Schreib mal mehr" drinne steht).

    MfG
    Chris

  • Zitat von crucho

    Hi und danke für den Post,

    jedoch habe ich der rechten und linken Spalte absichtlich eine feste Breite zugeordnet, da dort wiederum graphische TAbellen reinkommen, welche auch ihre Position innerhalb der Spalte nicht verändern dürfen. Sonst ist das ganze nicht mehr Pixelgenau.
    Es soll also nur der Center Bereich Variabel sein, bzw. auch der Center Bereich der verschachtelten Tabelle ( Dort wo die "cccccc"/"Schreib mal mehr" drinne steht).

    MfG
    Chris

    Hi,

    ich habe mir das Problem nicht angesehen, aber wenn an den Seiten ohnehin grafische Tabellen angzeigt werden sollen, dann setze die mittlere Spalte doch einfach auf 100% und blockier die erforderliche, Pixel in den Seitenzellen durch entsprechend große Grafiken.

    Ist 'ne Notlösung, aber eine sichere ;)

    Ronald

  • Hi Ronald,

    bin auf die Idee noch gar nicht gekommen. Würde es im Notfall auch so machen, denke ich. Wollte aber bei einem solch "billigen" Layout nicht gleich von Anfang an tricksen :?
    Wär aber eine Möglichkeit --- Merci für den Denkanstoss

    MfG
    Chris