Hallo,
jetzt habe ich mal wieder ein Problem mit den verschiedenen Operas: Es geht um input-Felder die eigentlich ganz genau gleich hoch wie der SubmitButton (ein Image) sein sollten. Nur leider funktioniert das im Opera überhaupt nicht.
Opera 5.0 und 6.05 interpretieren meine Formatierungen (Hintergrundbild und Position) eigentlich mal gar nicht, aber ok, das wär ja aufgrund der Userzahlen noch nicht so tragisch.
Aber dann stellen auch noch alle "neueren" Opera-Versionen mein Input von der Höhe her total unterschiedlich dar.
Im Opera 8.0 ist das Input im Vergleich zu den Geckos zu niedrig, im Opera 7.54 auch, allerdings ein paar Pixel weniger und im Opera 7.10 ist dann wieder ein paar Pixel höher, aber auch nicht gleich hoch wie in den Geckos.
Mehr hab ich jetzt noch nicht getestet, da ich hier schon feststecke. Im Archiv habe ich auch Beiträge gefunden die dasselbe Thema behandeln wie zB. http://forum.de.selfhtml.org/archiv/2005/4/t105837/#m654646, aber leider keine funktionierende Lösung. Auf dieser Seite http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html sind zwar jede Menge Hacks zu finden, allerdings funktioniert bei mir die Unterscheidung Opera 8 und Opera 7 überhaupt nicht, die Angaben werden entweder von keinem oder allen gelesen. Spielereien mit line-height etc. haben auch nichts gebracht.
Bei meinem Dokument handelt es sich um XHTML strict und das CSS für das Input sieht derzeit folgendermaßen aus:
.InpNewsletter {
position:absolute;
top:18px;
left:7px;
width:133px;
height:13px;
font-size:9px;
font-family:Verdana, Helvetica, sans-serif;
color:#330000;
border:1px solid #663300;
background-color:#FF8500;
background-image:url(../images/bg_input.gif);
background-repeat:repeat-x;
padding:1px 0px 0px 4px;
}
Hat hier jemand eine Idee wie ich es machen könnte im Opera ein einheitliches (und auch noch lt. Design "korrektes") Erscheinungsbild hinzubekommen? Leider komme ich grade überhaupt nicht weiter.
Liebe Grüße
sunny