Störender Abstand

Moin moin,

habe folgenden Code in HTML geschrieben.

Home -
Leistungen -
Verleih -
Anfahrt -
Kontakt -
AGB -
Impressum

Die Grafik aus dem div Tag soll eigentlich direkt auf dem Rahmen der zweiten Tabelle sitzen. Das Funktioniert im Firefox solange der DOCTYPE transitional ist. Im IE hingegen entsteht ein 2 Pixel Abstand. Ist der DOCTYPE strict funktioniert es in beiden nicht. Habe schon getestet und die Tabelle als Ursache ausgeschlossen.

Wo kommt dieser Abstand her???

Hallo,

Home -
Leistungen -
Verleih -
Anfahrt -
Kontakt -
AGB -
Impressum

Die Grafik aus dem div Tag soll eigentlich direkt auf
dem Rahmen der zweiten Tabelle sitzen. Das Funktioniert im
Firefox solange der DOCTYPE transitional ist. Im IE
hingegen entsteht ein 2 Pixel Abstand. Ist der DOCTYPE
strict funktioniert es in beiden nicht. Habe schon
getestet und die Tabelle als Ursache ausgeschlossen.

Wo kommt dieser Abstand her???

mach ihn doch weg - im zweifelsfall erstmal allen Beteiligten die Auusenabstaende in die problematische Richtung wegnehmen.
S.o. - ich hab die margin-Angaben mal ergänzt.

(Nicht getestet, sollte aber gehen)

Greetinx
Christian

border-collapse auch noch hilfreich?

Gruß

Stefan

(Nicht getestet, sollte aber gehen)

Greetinx
Christian

Das Ergebnis kann ich dir sagen ohne zu testen. Funktioniert nicht. Probiers aus.

Hm keine Ahnung was das bringen soll. Dann fallen alle Rahmen der unteren Tabelle zusammen, richtig???

Habs trotzdemmal probiert.

Einzige Wirkung. Es sieht richtig doof aus.

hallo,

vielleicht solltest du wenigstens mal die größe des bildes angeben, ich seh hier weder ein link zum jpeg noch ne height-angabe.

und wenn du denkst ,dass es am doctype liegt:

versuch mal

1.ganz weglassen
2.

mfG
_julian

hallo - du bist dir ganz sicher das du den ganzen code geschickt hast?
wie sollte das funktionieren? einen div - tag und eine tabelle in keinem div - wie sollte das aufeinander kommen? schick doch mal den ganzen html-text

ansonsten bei komischen abständen im explorer den firefox nicht anzeigt ist oftmals der zeilenumbruch

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Hallo Matze,

ich hab gleich drei Lösungen für dich:

  1. die alten HTML-Attribut cellspacing, cellpadding:

Home -
Leistungen -
Verleih -
Anfahrt -
Kontakt -
AGB -
Impressum

  1. Die CSS-Eigenschaft border-collapse

Home -
Leistungen -
Verleih -
Anfahrt -
Kontakt -
AGB -
Impressum

  1. Da bei deinem Aufbau eine Tabelle noch nicht mal wirklich Sinn macht (Wenn, dann ist das eine Aufzählung, eine Tabelle gibt eine Matrix wieder, soll also nicht für Design missbraucht werden…) würde ich dein Design folgendermassen lösen:

    Home -
    Leistungen -
    Verleih -
    Anfahrt -
    Kontakt -
    AGB -
    Impressum

Hoffe, das hilft.

Gruss, Omar Abo-Namous

hallo,

vielleicht solltest du wenigstens mal die größe des bildes
angeben, ich seh hier weder ein link zum jpeg noch ne
height-angabe.

und wenn du denkst ,dass es am doctype liegt:

versuch mal

1.ganz weglassen
2.

Ein einfaches „vertical-align:bottom;“ hat ausgereicht. Ich hätte ja damit gerechnet das der Rand dann nach oben wandert. Tut er aber tatsächlich nicht.