Rechnen mit CSS
Im Stylesheet dieser Seite findet sich unter anderem folgende Styledefinition:
#rechts li a { display: block; border-bottom: 1px solid #FFFFFF; width: 100% - 30px; padding-left: 30px; }
Diese macht, dass die Links im rechten Submenu auf der ganzen Breite funktionieren und nicht nur wenn man auf den Text klickt.
Zuerst hatte ich die Weite auf 100% gesetzt. Jedoch hat der Mozilla wegen der 30px Padding noch 30px ausserhalb des Rahmens angezeigt. Mit overflow: hidden habe ich versucht das Problem zu lösen. Jedoch hat das nicht funktioniert, da es ja kein eigentlicher overflow ist.
Schlussendlich bin ich durch ausprobieren von garantiert fehlerhaften Styledefinitionen auf die jetztige Lösung gekommen. Natürlich validiert das nun nicht mehr als korrektes CSS, aber es funktioniert :-)
Da ich nun keine Windows-Maschine mehr habe, wäre ich froh um Screenshots vom Submenu, wenn mit der Maus über ein Link gefahren wird (a:hover).
IE 6.0?
IE 5.5?
Wat de willst, nur sagen musst dus mir.
Beim IE funktioniert es IMHO, weil er die Rechnerei gar nicht wahrnimmt, aber den padding-Wert falsch interpretiert (zur Weite hinzuzählt).
Vielleicht kannst du einen Screenshot machen, damit ich das Problem erkennen/beheben kann?