Leerraum zwischen <tr>
Flo
- html
Hallo alle,
ich habe eine Seite mit einem Layout:
http://www.florianeder.de
Warum habe ich denn zum Beispiel am Ende der Seite einen Abstand zwischen der unteren Abgrenzung der Hintergrundfarbe bei der Navigation. Mache das Layout dann komplett in CSS! Will aber vorher mal verstehen warum es im Firefox ganz normal aussieht und im IE der Leerraum entsteht!
Kann mir bitte wer helfen!?
Vielen Dank
Tag auch,
ich habe es zwar nicht ausprobiert, aber ich würde sagen, daß es an dem Leerzeichen bzw. Zeilenumbruch innerhalbt der TD liegt.
<td width="200" height="3"><img
src="images/line.gif" width="200" height="3"> </td>
-------------------------------------------------^
Wenn Du das entfernst sollte es funktionieren.
Der IE stellt hier ein Leerzeichen dar, was automatisch mind. die aktuelle Schrifthöhe einnimmt und somit die Zelle mind. auf die Schrifthöhe ausdehnt.
Wenn man Img. als Platzhalter innerhalb von TDs benutzt, dann sollte man darauf achten, daß wirklich nur das Img. in der TD ist.
Grüße,
Martin.
Hallo,
vielen Dank für die Antwort! Hab mir als erstes Gedacht super Idee, das muss es sein! Nur leider geht es so auch nicht!
Was kann es denn noch sein? Hab doch nur nach einem <td> ein <table> weil ich verschachtelte Tabellen hab!
Vielen Dank!
Hallo,
ich habe es jetzt nochmal ausprobiert.
So hat es bei mir funktioniert.
8<---
<tr>
<td height="3" width="150"><img src="border_dateien/line.gif" height="3" width="150"></td>
<td height="3" width="430"><img src="border_dateien/line.gif" height="3" width="430"></td>
<td height="3" width="200"><img src="border_dateien/line.gif" height="3" width="200"></td>
</tr>
8<---
Du erziehlst das gleiche Ergebniss, wenn Du der entsprechenden Table folgendes Style-Attribut gibt. Dann kannst Du die "Layout-TR" ganz weglassen.
8<---
style="border-bottom: 3px solid green;"
8<---
Grüße,
Martin.
Hallo nochmal,
Mache das Layout dann komplett in CSS!
wenn Du die Seite "wirklich" mit CSS gestalten willst, dann benutze keine Img. um einen Rahmen zu gestalten. Benutze die "border" Styles.
Außerdem generierst Du auch invalides HTML. Auf ein </table> kann kein <td> folgen. Das kann auch zu fehlerhaften Darstellungen führen.
Grüße,
Martin.