hi,
a.menue:link {
background-image:url(../images/button.jpg);
width: 340px;
}
Im IE zeigt er so die Menüpunkte, jeweils mit der Hintergrundgrafik "Button" mit einer Breite von 340px an. Alle "Menü"-Buttons sind gleich lang.
Klar, der IE macht viel falsch.
Beim Firefox hört die Hintergrundgrafik immer mit dem Ende des Textes auf dem Button auf. In der Beschreibung zu "background-image" habe ich gelesen, dass das sogar die richtige Darstellung ist.
Das hat nichts mit background-image zu tun, sondern damit das width für inline-Elemente keine Wirkung haben darf.
Wie kann ich erreichen, dass die Buttons auch im Firefox alle eine Länge von 340px haben?
Lasse sie nicht inline darstellen - bspw. per display:block, oder float.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }