Seite wird anders dargestellt.

[MediaGeek]

Ich habe folgendes Problem. Ich habe eine Seite erstellt welche im Internet Explorer richtig (so wie es sein soll) dargestellt wird, mit dem Firefox aber alles etwas anders aussieht. Hier die beiden "Versionen":

Internet Explorer:

Und mit dem Firefox:

Woran könnte das liegen?
Danke für eure Hilfe!

 

[JayKay]

Verwendung von IE-Spezifischen CSS Code?

 

[MediaGeek]

Verwendung von IE-Spezifischen CSS Code?

Das sind die einzigen.


<style type="text/css">
<!--
BODY {
scrollbar-face-color:white;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:white;
}
-->
</style>

------------------------------------------------------------
und
------------------------------------------------------------

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

body { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000 }

td { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000000 }

.text {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none}

a:link {color: brown; font-family: arial, helvetica, sans-serif; font-weight: font-size: 12px; text-decoration: none}

a:visited {color: brown; font-family: arial, helvetica, sans-serif; font-size: 12px; text-decoration: none}

a:active {color: brown; font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none}

a:hover {text-decoration: underline; font-family:arial, helvetica, sans-serif; font-size: 12px;color: red; cursor: hand}
-->
</style>

 

[sunny-side_down]

Jag dein CSS-File am besten mal durch den Validator und poste, ob Fehlermeldungen gebracht werden und wenn ja welche, bzw. korrigiere die Fehler:
http://jigsaw.w3.org/css-validator/

 

[MediaGeek]

Jag dein CSS-File am besten mal durch den Validator und poste, ob Fehlermeldungen gebracht werden und wenn ja welche, bzw. korrigiere die Fehler:
http://jigsaw.w3.org/css-validator/

Folgendes (beim ersten):

--------------
Fehler
URI : file://localhost/TextArea

* Zeile: 11

Parse error - Unrecognized : <style type="text/css"> <!-- BODY { scrollbar-face-color:white; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#000000; scrollbar-arrow-color:#000000; scrollbar-track-color:white; }

Kein Stylesheet gefunden
--------------

Jetzt bin ich überfragt

 

[JayKay]

da hammers schon

BODY {
scrollbar-face-color:white;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:white;
}

alles ie-only und kein vernünftiges css

 

[MediaGeek]

da hammers schon

BODY {
scrollbar-face-color:white;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:white;
}

alles ie-only und kein vernünftiges css

Wie würde das denn als "allround"-css aussehen? Kannst du das?

 

[sunny-side_down]

Dazu vielleicht dieses hier:
http://www.w3.org/Style/Examples/011/firstcss

Wenn du bei Google nach CSS suchst, findest du noch viel mehr Tutorials.

 

[SheepShaver]

da hammers schon

BODY {
scrollbar-face-color:white;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:white;
}

alles ie-only und kein vernünftiges css

Nicht so vorschnell. Das sind zwar IE-only CSS-Angaben, diese beeinflussen aber nur die Farbgebung der Scrollbar. Was anderes machen die nicht. Von daher sind sie völlig irrelevant.
Um eine Aussage treffen zu können müsste man allerdings schon den gesamten HTML-Code anschauen.

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

Ist das zweite <style>-Tag eigentlich so wirklich im Code? Das wäre natürlich ein Fehler.

 

[MediaGeek]

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

Ist das zweite <style>-Tag eigentlich so wirklich im Code? Das wäre natürlich ein Fehler.

Ja ist es. Wo liegt der Fehler?

Schon mal Danke@all

 

[JayKay]

Nicht so vorschnell. Das sind zwar IE-only CSS-Angaben, diese beeinflussen aber nur die Farbgebung der Scrollbar. Was anderes machen die nicht. Von daher sind sie völlig irrelevant.
Um eine Aussage treffen zu können müsste man allerdings schon den gesamten HTML-Code anschauen.

sicher, meine aussage bezog sich auch weniger auf die darstellungsfehler oben sondern sollte dazu anregen w3c-konformes css zu benutzen...


@SteffenKueck: zwei <style> tags sind ein fehler, was gibts daran nicht zu verstehen? mach das alles in einen tag

 

[Benjamin_L]

der geöffnete Tag muss auch wieder geschlossen werden, bei dir ist ein style tag zuviel offen. Außerdem kann man das, wie schon erwähnt, alles zuammen in einem machen.

Entwickle in Zukunft für Firefox und danch für den IE, erspart dir viele Mühen. Außerdem solltest du zusätzlich noch mit dem HTML Validator überprüfen ob deine Seite Standardkonform ist. Der Doctyle ist auch wichtig z.B.

http://validator.w3.org/