Textbox bei unterschiedlichen Browsern

Jürgen_D · #1 (**permalink**) 26.11.2014, 16:36

Hallo Zusammen,

ich hoffe ich bin in der richtigen Forumecke gelandet.

Ich habe auf meiner Seite TextBoxen eingefügt diese sind mit einem Rahmen eingebettet.
Normalerweise ist die von mir gewünschte Background Farbe blau und wird auch richtig bei IE und Mozilla angezeigt !!
Leider bei Chrome und Safari wird die Farbe statt blau in grau dargestellt - warum???
Dies führt dazu das meine Schrift welche weiß ist bei Chrome und Safari aufgrund des grauen Hintergrunds nicht lesbar ist.
Kann mir jemand helfen??
Anschauen geht natürlich am besten unter HOME - die Tauchwelt - dein Tauchplatz in Eggenstein

Freue mich auf jede Hilfe - Danke schon einmal vorab.

threadi · #2 (**permalink**) 26.11.2014, 19:57

Was soll das definieren?

Code:

background: #0B3861;
 background: -moz-linear-gradient(top, #284161 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #dcd5cf));
 background: -webkit-linear-gradient(top, #dcd5cf 100%);
 background: -o-linear-gradient(top,  #284161 100%);
 background: -ms-linear-gradient(top, #284161 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(endColorstr='#284161',GradientType=0 );
 background: linear-gradient(top, #284161 100%);

Da ist ja überall eine andere Farbe definiert. Außerdem kommt mir die Schreibweise merkwürdig vor - dort wird eigentlich kein Verlauf definiert sondern nur eine Farbe.

cloned · #3 (**permalink**) 27.11.2014, 08:02

Warum verwendest du für eine Aufzählung (Was es ja im Grunde genommen ist) eine Tabelle? Du kannst auch eine Liste exakt so formatieren wie diese Tabelle.
Das aber nur am Rande.

Den fehlerhaften CSS-Teil hat dir threadi schon gepostet. Auch fällt mir dabei auf (abgesehen von den unterschiedlichen Farbwerten), dass du keine Standardvariante für deinen Verlauf definierst. Abgesehen davon, dass du den wohl nicht haben willst. Aber wenn du schon Verläufe verwendest, dann nicht nur die präfix-Varianten sondern auch die standardisierte (background:linear-gradient ( ... ) ; )

Nachtrag: Auch ist das keine "Textbox" sondern ein bedeutungsloses div. Ein div zeichnet sich dadurch aus, dass es keinerlei Funktion besitzt. Du könntest auf dieses div also genausogut verzichten, da du die Stile auch auf die richtigerweise: Liste, fälschlicherweise bei dir eingesetzt: Tabelle anwenden kannst.

Jürgen_D · #4 (**permalink**) 27.11.2014, 08:45

Hallo cloned und threadi,

vielen Dank für eure Hilfe habe jetzt einfach die Farbwerte überall angepasst und schups hat es auch geklappt.
Cloned Du hast Recht ich will garkeinen Farbverlauf!
Sorry bin absoluter Laie und habe mir den Code aus einem Forum von Jimdo heraus kopiert - deshalb verstehe ich nicht so ganz deine Ausführungen

Hoffe aber das ich durch die Anpassung der Farbwerte doch zumindest ein bisschen jetzt auf dem richtigen Wege bin.
Mit der Zeit wird alles gut

Nochmals vielen Dank an alle

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wie sieht eine Webseite in verschiedenen Browsern aus	TreasureZone	Grafik, Design, Typografie	5	18.05.2010 19:52
Blocksatz in unterschiedlichen Browsern :-(	MacDonky	CSS	3	17.06.2009 21:40
CSS in verschiedenen Browsern	klausschwaben	CSS	1	29.07.2008 15:04
Unterschiedliche DArstellung bei unterschiedlichen Browsern	RogerG781	Site- und Layoutcheck	16	26.10.2007 10:09
Problem mit unterschiedlichen Browsern	Big_Player	CSS	6	14.12.2004 11:59