Hi,

der Artikel Styling form controls zeigt die unterschiedlichen Interpretationen der gängigen Browser in der CSS-Formatierung von Formularelementen auf.

mfg Maik

Abgesehen davon, dass Du alle bottoms in eine Beschreibung packen kannst, solltest Du mal schauen, ob Deine Seite auch im Standardsmode dargestellt wird.

Also anstatt:

HTML-Code:

hr
{
background-color: #cgcgcg;
border-bottom: #c5c5c5 1pt solid;
border-left: #c5c5c5 1pt solid;
border-right: #c5c5c5 1pt solid;
border-top: #c5c5c5 1pt solid;
}

reicht :

HTML-Code:

hr
{
background-color: #cgcgcg;
border: #c5c5c5 1pt solid;
}

Setz Folgendes mal in Deinen Code, dann zeigts Dir an, ob im Kompatiblen (Quirks-Mode) oder im Standards-Mode gerendert wird:

Code :

1 2 3

<script type="text/javascript"> document.write("Darstellungsmodus:" + document.compatMode); </script>

Hier was zum Lesen:
http://en.wikipedia.org/wiki/Quirks_mode
http://carsten-protsch.de/zwischenne...inleitung.html

mfg chmee

also jetzt siehts so aus :

HTML-Code:

<style type="text/css">
<!--
input
{
font-size: 12px;
background-color:#777777;
border: #000000 1pt solid;
}
select
{
font-size: 12px;
background-color:#777777;
border: #000000 1pt solid;
}
textarea
{
font-size: 12px;
background-color:#777777;
border: #000000 1pt solid;
}
hr
{
background-color:#cgcgcg;
border: #c5c5c5 1pt solid;
}
-->
</style>

aber gibt immer noch net das gewünschte aus...
das compatMode gibt des aus:
IE=BackCompat
Firefox=BackCompat
woran liegt des den jetzt?

Hast du im HTML-Dokument einen Doctype deklariert? Wenn ja, welchen?

Der »DOCTYPE-Switch« und seine Auswirkungen

Ansonsten solltest du auch mal meinen eingangs empfohlenen Link lesen, und vor allem darin die Beispiele / Browser-Screenshots der einzelnen Formularelement-Typen miteinander vergleichen, denn deine angedachte Hintergrund- / Rahmen-Formatierung für das input-Element mit seinen unterschiedlichen Typen (radio,check) und dem select-Element, wird von den Browsern nicht gleichermaßen unterstützt.

mfg Maik

Nein ich hab keinen deklariert, welchen müste ich den nehmen?

http://carsten-protsch.de/zwischenne...tung.html#full oder http://carsten-protsch.de/zwischenne...ng.html#almost, damit das Dokument den Browsern im standardkonformen Modus (CSS1Compat) übergeben wird.

mfg Maik

Also dies erziehlte auch kein Erfolg, im IE formatiert er alles aber im Firefox bleibt alles normal...
aber dafür macht er mir im Firefox meine Tabellen größer
und im IE macht er mir mache stellen in die Mitte..
Oder kann man die Farben im Firefox net ändern?

Hast du meine beiden Hinweise bzgl. der diskrepanten Browserunterstützung beim Formatieren der Formularelemente mit CSS nicht beachtet?

Dagegen ist mit CSS kein Kraut gewachsen. Niceforms (JS-gestützt) bietet eine browserkompatible Formatierung der Formularelemente.

mfg Maik

ok ich vergas..
hab den Text wohl nur überflogen
es lag daran das ich eine Externe Datei benutze und ich die hier:

HTML-Code:

<style type="text/css">
<!--
-->
</style>

ja net setzen darf, jetzt klapts .

THX