CSS Desing unterschiedlich bei IE und FF
0 
Gunnar Bittersmann
0 0 
Marian
CSS Desing unterschiedlich bei IE und FF
Hallo,
ich habe jetzt mir einiger Hilfe aus dem Forum eine Navigation erstellt, habe aber ein Problem mit der Anzeige im Firefox.
http://www.stud.uni-karlsruhe.de/~usx5/
Im Internet Explorer und Opera wird das gelbe Fenster mit den Zusatzinformationen zu den Links beim mouse over richtig in dem Felder unterhalb der Navigation angezeigt. (auch wenn ich die Schriftgröße der Links für den IE auf 9 reduzieren musste, damit es passt) Aber beim Firefox ist das Fester zu breit und die Höhe ist nur von dem Text abhängig.
Könnte mir da jemand helfen?
Gruß Julia
-
(auch wenn ich die Schriftgröße der Links für den IE auf 9 reduzieren musste, damit es passt)
Julia,
Du hast kaum Einfluss darauf, in welcher Schriftgröße Text beim Nutzer angezeigt wird. Und das ist auch gut so.[tm]Der Versuch, Text in in Pixeln festgelegte Boxen zwängen zu wollen, schlägt zwangsläufig fehl. Gestalte dein Layout flexibel; Breitenangaben in em sind ein Schritt dahin.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein) -
hi,
Aber beim Firefox ist das Fester zu breit und die Höhe ist nur von dem Text abhängig.
Deine Höhenangabe height: 77 px; ist falsch - keinen Whitespace zwischen Wert und Einheit machen!
Bei ul#navi { width: 148 px; } ebenfalls.Und left: 14; ist ebenfalls fehlerhaft, weil die Einheit fehlt.
Und da du einen unvollständigen Doctype verwendest, geht der IE in den Quirks Mode, interpretiert als das Box Model falsch, was bei Breiten/Höhen in Kombination mit padding und borders zu falschen Elementmaßen führt.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hi Julia,
ich habe jetzt mir einiger Hilfe aus dem Forum eine Navigation erstellt, habe aber ein Problem mit der Anzeige im Firefox.
Deswegen würde ich ein Layout erstmal im Firefox testen, und später an den IE und andere Browser anpassen (weil der Firefox es am "richtigsten" macht)
Wenn du das <span> mit position:absolute festlegst, musst du das body-margin festlegen, weil das in jedem Browser anders ist -> es verschiebt sich leicht.
Viele Grüße aus Freiburg,
Marian--
Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) n4:( ss:) de:] js:| ch:? mo:} zu:)
<!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->-
Danke,
Wenn du das <span> mit position:absolute festlegst, musst du das body-margin festlegen, weil das in jedem Browser anders ist -> es verschiebt sich leicht.
Habe ich das body-margin mit
<body bgcolor="c0c0c0" leftmargin="5" topmargin="0">
nicht richtig angegeben?
julia
-
hi,
Habe ich das body-margin mit
<body bgcolor="c0c0c0" leftmargin="5" topmargin="0">
nicht richtig angegeben?Nein.
Welchen Themenbereich hast du für diesen Thread ausgewählt?
Na also - warum sind dann nicht auch diese Formatierungsangaben damit gemacht ...?gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-