sunny: / (BROWSER) - unterschiedliche Darstellung - Opera Versionen

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

  1. hi,

    formmatierung von formularelementen war in opera vor version 7 eh so gut wie unmöglich.

    Opera 5.0 und 6.05 interpretieren meine Formatierungen (Hintergrundbild und Position) eigentlich mal gar nicht [...]

    alles, was unterhalb von opera 7.5 ist, kannst du eigentlich getrost ignorieren - die sind _uralt_, vergleichbar vielleicht mit einem IE 4. und treibst du für letzteren auch noch vermehrten aufwand?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo wahsaga,

      formmatierung von formularelementen war in opera vor version 7 eh so gut wie unmöglich.

      Opera 5.0 und 6.05 interpretieren meine Formatierungen (Hintergrundbild und Position) eigentlich mal gar nicht [...]

      alles, was unterhalb von opera 7.5 ist, kannst du eigentlich getrost ignorieren - die sind _uralt_, vergleichbar vielleicht mit einem IE 4. und treibst du für letzteren auch noch vermehrten aufwand?

      Wie in meinem Posting geschrieben (genau da wo Du meinen Nachsatz durch die Punkte ersetzt hast) find ich das auch nicht so tragisch und lasse das auch erstmal so wie es ist (zumal es auch gar nicht so schlimm aussieht)!

      Doch das eigentliche Problem ist ja dass der Opera 7.10, 7.54 und 8.0 die Inputs ebenfalls unterschiedlich darstellen. Also jedenfalls ist es so dass der 7.54er noch am nähesten an den Geckos dran ist - das Input ist nur um 1px zu klein, damit könnte ich auch noch leben, aber der 7.10er und 8.0er (und da möcht ich schon dass es "normal" aussieht) weichen da schon weiter ab, nämlich um 4 Pixel, und das schaut leider gar nicht gut aus.

      Deswegen such ich nach einer Möglichkeit den Operas zu sagen dass sie das Input-Field höher darstellen sollen (wobei der 7.54er macht es ja schon fast richtig) ...

      Liebe Grüße
      sunny

      1. Hallo nochmal,

        Doch das eigentliche Problem ist ja dass der Opera 7.10, 7.54 und 8.0 die Inputs ebenfalls unterschiedlich darstellen. Also jedenfalls ist es so dass der 7.54er noch am nähesten an den Geckos dran ist - das Input ist nur um 1px zu klein, damit könnte ich auch noch leben, aber der 7.10er und 8.0er (und da möcht ich schon dass es "normal" aussieht) weichen da schon weiter ab, nämlich um 4 Pixel, und das schaut leider gar nicht gut aus.

        Deswegen such ich nach einer Möglichkeit den Operas zu sagen dass sie das Input-Field höher darstellen sollen (wobei der 7.54er macht es ja schon fast richtig) ...

        Leider bin ich immer noch nicht weitergekommen - hat niemand mehr eine Idee was ich mit Opera 8.0 anstellen könnte damit die Feldhöhe korrekt dargestellt wird? Ich schaffs weder mit irgendwelchen CSS-Hacks (die ich ohnehin lieber vermeiden möchte) noch mit Rumspielereien mit rumgewickelten Divs & unterschiedlichen Höhenangaben, Schriftvarianten etc. Dann stimmts meistens in "allen" anderen Browser nicht mehr :-(

        Vielleicht hat ja doch noch jemand einen kleinen Lösungsansatz?

        Lg,
        sunny