Ich habe kürzlich ein Template gestaltet und umgesetzt. Da ich recht
anspruchsvolle Transparenzen einsetzen wollte habe ich PNG-32 benutzt. Da
diese aber vom IE nicht richtig angezeigt werden, habe ich natürlich den
entsprechenden Filter eingebaut. Überall funktionieren die PNG's
mittlerweile, bis auf die Navigation.
Bei der Navigation gibt es einen Mouseover-Effekt der die Farbe in einem
bestimmten Bereich des Buttons ändert. Diese Farbe soll später von dem
Kunden frei wählbar sein, deswegen habe ich für den Mouseover ein PNG mit
Transparenz (und dahinter in CSS ein Farbfeld eingefügt).
Das Bild für die Buttons ist 60px hoch, allerdings wird durch ein Padding
nur soviel angezeigt wie benötigt (die Buttons müssen Zeilenumbrüche beinhalten
können da die Kunden teilweise leider so **** sind). Mittlerweile habe ich es
hinbekommen dass die Farbe richtig angezeigt wird,
allerdings nicht die größe.
Egal was ich mache, der IE schneidet mir immer 1-2px des unteren Randes ab,
und das kann so nicht bleiben.
screenshot aus FF3 (wie es aussehen soll):
http://img129.imageshack.us/img129/4733/naviscreenffbi7.jpg
screenshot aus IE6 (wie es nicht aussehen soll):
http://img372.imageshack.us/img372/5974/naviscreeniekm0.jpg
Ist es irgendwie möglich in CSS zu bestimmen dass der IE am unteren Ende
des Bildes anfangen soll dieses anzuzeigen, und nicht am oberen?,
denn mit padding, line-height, oder margin ging es nicht.
Ich würde mich echt freuen wenn ihr mir da irgendwie helfen könnt