Tabellen-Problem (Schwarzer Balken / Verschoben)

    Ich hab jetzt den source der momentan auf der seite ist genommen...

    Es liegt daran das du tabellen verschachtelst.

    Eine Tabelle, auch ohne cellpadding etc. nimmt mindestens 2px height oben und unten (also 4 insgesamt). Wenn du image-1 und image-5 mal probeweise auf height="230" stellst müsste es richtig sein ;) zumindest von der höhe her

    /P.S. wie du das jetzt löst überlass ich dir...
    Empfehlung: Divs verwenden

    Alternativ: grafiken anpassen, z.B. eben n Schwarzen rand bei image-2 oben machen

    /und noma...
    Kanns einfach nicht lassen..

    Muss mich korrigieren, die 2px warens pro border (auch wenns ="0" ist), bei <table> kommt ja noch ein extra border dazu - sprich es sind in dem fall 4 px oben und 4px unten (auch wenn unten jetzt egal ist..).

    Also, hab jetzt noch ein wenig rumgedoktort, wenns dir nichts ausmacht wenn die Lösung nicht besonders sauber ist (technisch zumindest), kannst du einfach styles bzw. in dem css die margins einstellen für image-2 und -4.

    Und zwar: beide bekommen ein margin-top:-2px;

    dann passts :D

    Valide ist es auch, nur eben nicht besonders schön - aber das sind Tabellenlayouts auch nicht *g*

    4 Mal editiert, zuletzt von Grevas (1. September 2009 um 01:06)

    Du könntest Dir das auch alles sparen (negative Werte in der CSS und sonstige Spielereien) wenn Du den Doctype auf Transitional stellen würdest.

    Hab nochmal alles durchprobiert - auch die nicht-verschachtelte Tabelle...
    Is wohl ne Eigenheit von Strict oder so.

    Also nimm den Doctype:

    HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    und diese Tabelle:

    HTML
    <table cellpadding="0" cellspacing="0">
<tr><td rowspan="3"><img alt="" src="symbols/images/enterpage/image-1.jpg"></td><td><img alt="" src="symbols/images/enterpage/image-2.jpg"></td><td rowspan="3"><img alt="" src="symbols/images/enterpage/image-5.jpg"></td></tr>
<tr><td><a href="/index/"><img alt="" src="symbols/images/enterpage/image-3.jpg"></a></td></tr>
<tr><td><img alt="" src="symbols/images/enterpage/image-4.jpg"></td></tr>
</table>

    Einrücken kannste das ja selber... und es is auch valide

    Hallo zusammen,
    ich habe den Weg über CSS gewählt. (Achtung: Man musste natürlich beim obigen Bild margin-bottom und beim unteren margin-top nehmen; beides mal margin-top ging natürlich nicht.) Damit hab ich schön aufgeräumten Code und:

    [Blockierte Grafik: http://validator.w3.org/images/valid_icons/valid-html401-blue.png]
    sowie:
    [Blockierte Grafik: http://jigsaw.w3.org/css-validator/images/vcss-blue.png]

    Möchte nicht wegen dieser einen Seite eine Ausnahme in meiner Strict-Schreibweise machen. Früher hab ich ja auf Validität eh gepififfen, aber mittlerweile versuch ich es zumindest. XHTML komm ich da allerdings noch auf keinen grünen Zweig, da is mir 4.01 lieber.


    Vielen lieben Dank an die Helfer,
    das war echt tolle Unterstützung, sowas findet man im Netz nicht mehr oft.
    Vielen vielen Dank :)

    MFG,
    Dennis