Mozilla versteht px-Angaben falsch

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
zunächst mal sorry für den komischen Titel, aber ich weiß nicht so recht, wie ich es beschreiben soll:
Schaut euch bitte diese Seite im IE (so soll es aussehen) und dann mit Mozilla an: http://dirk711.di.funpic.de/technik.htm

Die CSS-Datei liegt hier:
http://dirk711.di.funpic.de/style.css

Wieso versetzt Mozilla den Titel nach unten und macht die Links oben kleiner obwohl in style.css für den Teil width:200px steht?
Und dann funktioniert der a:hover wechsel der Farben auch nur noch bei der linken navigationsleiste
Ich komm irgentwie nicht weiter, habe schon alles ausprobiert…
Viele Grüße
Dirk

#2

Hallo,

zunächst mal sorry für den komischen Titel, aber ich weiß
nicht so recht, wie ich es beschreiben soll:
Schaut euch bitte diese Seite im IE (so soll es aussehen) und
dann mit Mozilla an: http://dirk711.di.funpic.de/technik.htm

ich habe jetzt keinen IE greifbar, aber ich denke es geht um die Überschrift. Wieso hast du die in extra in gefasst?

#3

Danke, aber die Linkleiste
Danke für die schnelle Hilfe! Gute Frage…das p ist mir da einfach mit reingerutscht. Jetzt passt die Titelzeile einwandfrei.
Aber die obere Linkleiste (Fahrzeuge, Ausrüstung, Alarmierung) ist zu klein und der mouseovereffekt funktioniert nicht )=

So sieht es mit IE aus:
http://dirk711.di.funpic.de/seite.jpg

#4

Nicht der gesuchte Fehler, aber…
Moin.

Ich habe einen anderen (kleinen) Fehler gefunden (eigendlich 2):

„Die Eigenschaft font-familiy existiert nicht : Verdana“

Sonst hat der Validator nichts gefunden: http://jigsaw.w3.org/css-validator

Schöne Grüße

Leo

#5

Normalerweise ist es der IE der ein Workaround braucht, da er einige HTML / CSS Sachen anders interpretiert.

einen recht interessanten Artikel darüber findest du bei SelfHTML

http://de.selfhtml.org/navigation/faq.htm#darstellun…

Gruß
Lianna

#6

Hallo Dirk,

zunächst mal sorry für den komischen Titel,

Der Titel ist nicht komisch, er ist falsch. Der Mozilla (Firefox?) versteht px-Angaben nicht falsch - im Zwiefelsfall macht er es richtig und der IE macht es falsch (sogar dann, wenn etwas im IE zufälligerweise so aussieht, wie von Dir gewünscht)…

aber ich weiß
nicht so recht, wie ich es beschreiben soll:
Schaut euch bitte diese Seite im IE (so soll es aussehen)

Ich habe aber keinen IE (zumindest nicht heute abend, erst morgen im Büro wieder)…

Und in welcher Version des IE sieht es so aus, wie Du möchtest? Wie sollen wir das erraten?

und
dann mit Mozilla an: http://dirk711.di.funpic.de/technik.htm

Die CSS-Datei liegt hier:
http://dirk711.di.funpic.de/style.css

Wieso versetzt Mozilla den Titel nach unten und macht die
Links oben kleiner obwohl in style.css für den Teil
width:200px steht?

Bevor Du Dir solche fragen stellst, sorge erst einmal für valides html und css - viele Fragen lösen sich dann von selbst - zumindest im Firefox. Die Fragen, die Du dann in Bezug auf den IE haben wirst, werde ich Dir gerne ebenfalls beantworten. Aber eins nach dem anderen.

Hier kannst Du Deine Seite überprüfen - und überprüfe ALLE Seiten und Dein CSS…

Und dann funktioniert der a:hover wechsel der Farben auch nur
noch bei der linken navigationsleiste
Ich komm irgentwie nicht weiter, habe schon alles
ausprobiert…

Probier nicht alles - probier zunächst einmal validen Code zu schreiben. Wenn Du dabei Hilfe brauchst, melde Dich.

Herzliche Grüße,

Marc

#7

ist zu klein und der mouseovereffekt funktioniert nicht )=

Es ist NICHT egal, in welcher Reihenfolge CSS-Eigenschaften notiert werden.

Stell die :hover weiter nach hinten und lies Dir unbedingt mal die Grundlagen von HTML und CSS durch…

Viele Grüße,

Marc

#8

Es ist NICHT egal, in welcher Reihenfolge CSS-Eigenschaften
notiert werden.

Stell die :hover weiter nach hinten

Danke, das war der Fehler.

und lies Dir unbedingt mal die Grundlagen von HTML und CSS durch…

Dachte das hätte ich schon gemacht, ich habe mir eine 1144 Seiten schwere PDF-Datei seit Weihnachten vorgenommen und dachte, dass müsste reichen um gerade mal eine Website zu erstellen (http://www.stefan-muenz.de/webseiten-professionell/p…). Ich hatte vorher auch schon mit HTML zu tun, aber das war eher unprofessionell von SelfHTML angelesen.
Und generell muss ich nur diese eine Seite erstellen und dafür hab ich an dem Buch schon ganz schön gebissen (;

Aber vielen Dank für die Hilfe

#9

Der Titel ist nicht komisch, er ist falsch. Der Mozilla
(Firefox?)
versteht px-Angaben nicht falsch - im Zwiefelsfall
macht er es richtig und der IE macht es falsch (sogar dann,
wenn etwas im IE zufälligerweise so aussieht, wie von Dir
gewünscht)…

Das habe ich mir auch schon fast gedacht…

Ich habe aber keinen IE (zumindest nicht heute abend, erst
morgen im Büro wieder)…
Und in welcher Version des IE sieht es so aus, wie Du
möchtest? Wie sollen wir das erraten?

dafür habe ich hier mal einen Screenshot hochgeladen:
http://dirk711.di.funpic.de/seite.jpg

Bevor Du Dir solche fragen stellst, sorge erst einmal für
valides html und css - viele Fragen lösen sich dann von selbst

  • zumindest im Firefox. Die Fragen, die Du dann in Bezug auf
    den IE haben wirst, werde ich Dir gerne ebenfalls beantworten.
    Aber eins nach dem anderen.

Hier kannst Du Deine Seite überprüfen - und überprüfe ALLE
Seiten und Dein CSS…

Wo ist hier?

Probier nicht alles - probier zunächst einmal validen Code zu
schreiben. Wenn Du dabei Hilfe brauchst, melde Dich.

Danke, werde ich bestimmt noch drauf zurückkommen (;
Viele Grüße
Dirk

#10

Hallo Dirk,

Der Titel ist nicht komisch, er ist falsch. Der Mozilla
(Firefox?)
versteht px-Angaben nicht falsch - im Zwiefelsfall
macht er es richtig und der IE macht es falsch (sogar dann,
wenn etwas im IE zufälligerweise so aussieht, wie von Dir
gewünscht)…

Das habe ich mir auch schon fast gedacht…

Dann bist Du auf der richtigen Spur… - allerdings wird der IE auch immer besser und jede Regel hat ihre Ausnahme.

Ich habe aber keinen IE (zumindest nicht heute abend, erst
morgen im Büro wieder)…
Und in welcher Version des IE sieht es so aus, wie Du
möchtest? Wie sollen wir das erraten?

dafür habe ich hier mal einen Screenshot hochgeladen:
http://dirk711.di.funpic.de/seite.jpg

Alles klar, das hilft. Danke.

Bevor Du Dir solche fragen stellst, sorge erst einmal für
valides html und css - viele Fragen lösen sich dann von selbst

  • zumindest im Firefox. Die Fragen, die Du dann in Bezug auf
    den IE haben wirst, werde ich Dir gerne ebenfalls beantworten.
    Aber eins nach dem anderen.

Hier kannst Du Deine Seite überprüfen - und überprüfe ALLE
Seiten und Dein CSS…

Wo ist hier?

Typisch für mich - Links und Anhänge zu vergessen. Tut mir leid. Hier der Link zum Validator, der Dir wertvolle Tipps für die Fehlersuche liefert:

Probier nicht alles - probier zunächst einmal validen Code zu
schreiben. Wenn Du dabei Hilfe brauchst, melde Dich.

Danke, werde ich bestimmt noch drauf zurückkommen (;

Kannst Du geren tun. :wink:

Viele Grüße,

Marc