Firefox und IE

hhunderter

Erfahrenes Mitglied
Hi, ich wes einfach net weiter.
Bei dem folgenden Code wird es im IE angezeigt aber im Firefox net ist irgendwas anders im Firefox als im IE?

HTML:
<style type="text/css">
<!--
input
{
font-size: 12px;
background-color:#777777;
border-bottom: #000000 1pt solid;
border-left: #000000 1pt solid;
border-right: #000000 1pt solid;
border-top: #000000 1pt solid;
}
select
{
font-size: 12px;
background-color:#777777;
border-bottom: #000000 1pt solid;
border-left: #000000 1pt solid;
border-right: #000000 1pt solid;
border-top: #000000 1pt solid;
}
textarea
{
font-size: 12px;
background-color:#777777;
border-bottom: #000000 1pt solid;
border-left: #000000 1pt solid;
border-right: #000000 1pt solid;
border-top: #000000 1pt solid;
}
hr
{
background-color: #cgcgcg;
border-bottom: #c5c5c5 1pt solid;
border-left: #c5c5c5 1pt solid;
border-right: #c5c5c5 1pt solid;
border-top: #c5c5c5 1pt solid;
}
-->
</style>
 
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:
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:
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:
<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/zwischennetz/doctype/einleitung.html

mfg chmee
 
also jetzt siehts so aus :
HTML:
<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
 
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:
<style type="text/css">
<!--
-->
</style>
ja net setzen darf, jetzt klapts .

THX
 
Zurück