nicht angemeldet
Unerwünschter Zeilenumbruch nach Link bei Verwendung von IE 6+7
Hallo zusammen,
bei der Erstellung eines Menüs in HTML haben wir folgendes unklares Phänomen im IE (aktuell V 7)
Wenn der Code folgendermaßen aussieht:
<table border="0" cellpadding="4" width="20">
<tr>
<td>
<br>
<a href= "profil.html" target="mitte">
<img src="images/butprofilk.png" border="0"></a>
<br>
<a href= "projekte.html" target="mitte">
<img src="images/butprojektek.png" border="0"></a>
<br>
<a href= "links.html" target="mitte">
<img src="images/butlinksk.png" border="0"></a>
<br>
<a href= "bib.html" target="mitte">
<img src="images/butbibliothekk.png" border="0"></a>
<br>
<a href= "forum.html" target="mitte">
<img src="images/butforumk.png" border="0"></a>
<br></td>
</tr>
</table>
dann macht er nur im IE zusätzliche Leerzeilen zwischen die einzelnen Buttons (Bilder)
Wenn der Code jedoch wie folgt geändert wird:
<table border="0" cellpadding="4" width="20">
<tr>
<td>
<br>
<a href= "profil.html" target="mitte">
<img src="images/butprofilk.png" border="0"></a><br>
<a href= "projekte.html" target="mitte">
<img src="images/butprojektek.png" border="0"></a><br>
<a href= "links.html" target="mitte">
<img src="images/butlinksk.png" border="0"></a><br>
<a href= "bib.html" target="mitte">
<img src="images/butbibliothekk.png" border="0"></a><br>
<a href= "forum.html" target="mitte">
<img src="images/butforumk.png" border="0"></a><br>
</td>
</tr>
</table>
also die Zeilenumbrüche direkt auf den Link folgen, dann stellt IE die Leerzeilen nicht dar. Alle anderen Browser (Opera und Firefox) stellen bei beiden "Schreibweisen" die Leerzeilen nicht dar und so ist es auch gewünscht.
In der CSS ist keinerlei Formatierung für Tabellenstrukturen vorgegeben.
Hoffe auf eure Hilfe,
danke und VG,
x-mac
-
Hallo,
Du hast deiner Tabelle eine feste Breite gesetzt. Wenn sich nun zwischen </a> und <br> und dem folgenden <a> Leerzeichen befinden, werden diese jeweils zwischen zwei Tags zu einem einzigen zusammengefasst. In der ersten Variante ergibt das zwei, in der zweiten eines. Der IE will die Leerzeichen wahrscheinlich unbedingt anzeigen, und da er das wegen der fixen Breite bei zwei Leerzeichen nicht mehr kann (weil kein Platz), muss er sie in eine neue Zeile schreiben. Das wäre meine Vermutung - obwohl mir unklar ist, warum die anderen Browser das nicht tun.
Aber jetzt etwas ganz anderes: Bist du dir sicher, dass eine Tabelle, die auch noch aus nur einer einzigen Zelle besteht, hier das richtige ist? Ich rate dir dringend, Listen für das Navigationsmenü zu verwenden (weil eine solche Navigation nun mal einen Auflistung darstellt) und sie mit CSS ansprechend zu gestalten. Desweiteren sind auch Frames nicht mehr der neueste Stand der Technik.
Gruß
-
Hallo
Danke für die Antwort, das Problem hat sich damit gelöst. :-)
Gruß
X-mac
-