Martin Hölter: a:link display:block "zerreisst" Layout im IE6/WinXP_SP2

Beitrag lesen

Hi!

Hab den Link gerade gefunden, sorry. Allerdings häätest du auch die richtige Adresse angeben können.

zuersteinmal ein paar Sachen, die nix mit deinem Problem zu tun haben:

<a href="http://www.model-un.de/" target="_blank"> <!--passt nicht zu-->  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.  
<!--Verwende kein target oder die transitional-Variante.-->
body { font-size: 100.1%; background: #ffffff; font-family: Verdana, Helvetica, sans-serif; margin: 10px; padding: 0; } /*Hier fehlt die Schriftfarbe*/  
  
table table th { font-size: 100.1%; } /*dieser Selektor wird bei deinen Seiten hoffentlich nie aktiv werden.*/  
  
  
  
a img { border: none; }  
a:link img { border: none; } /*kann ersetzt werden durch*/  
  
img {border:none;}

Ausserdem lässt du die Elemente floaten ohne ihnen eine Breite zu verpassen. Dies ist AFAIR entweder gar nicht erlaubt oder führt zumindest zu Fehldarstellungen.

Des weiteren hast du einige CSS-Selektoren drin, die nicht angesprochen werden. Fürs Debugging (also auch für uns) wäre es übersichtlicher, wenn du wirklich nur die CSS-Angaben reinstellst, die eine Wirkung haben.

Ansonsten kann ich mich nur Mudguard und Struppi anschließen.

Verwende für die ul eine Breitenangabe in em und für die darin enthaltenen Links display:block; evtl in Verbindung mit width:100%; (pass aber auf margin und padding beim Internet Explorer auf, der ja momentan im Quirksmode rendert (BackCompat) und somit noch das alte Box-Model nimmt.

Gruß

Martin