[CSS] Wiedermal FF & Opera vs. IE6

Moin,

ich habe in meinem Sytlesheet eine Navigationsbox, welche exakt 12 Pixel vom rechten Stand stehen soll:

Code:

			#navigation {

   float:right;

   border: 0px;

   margin-right: 12px;

   margin-top: 25px;

   padding:0px;

}

Im FF und Opera sieht es gleich aus, im IE ist die Box seltsamerweise ein paar Pixel weiter links. Jetzt weiß ich nicht ob der IE es falsch darstellt oder die anderen Browser. Es muss doch möglich sein das man ein Element wirklich auf das Pixel genau ausrichten kann.

Jemand 'ne Idee?

**mkinzler**

Versuch mal den style um

markieren

Code:

position:absolute

zu ergänzen.

Zitat:

Jetzt weiß ich nicht ob der IE es falsch darstellt oder die anderen Browser.

Wenn alee aus einem es richtig anzeigen und einer falsch?

**alcaeus**

Standard Compliance Mode oder Quirks Mode?
(Im Fx unter Kontextmenue->"Page properties" oder so einsehbar)

Greetz
alcaeus

@Andy: "Standardkonformer Modus"

@mkinzler: position: absolute; kann ich nicht nehmen, weil ich top & left nicht angeben will, da die ganze Seite sonst nicht "zoombar" ist.

**alcaeus**

Setz mal eine Breite fuer die Box, das koennte was sein.
Weiters waere HTML-Code nuetzlich: ca. die ersten 5 Zeilen der Datei, also der Teil inklusive <html>, und evt. auch der body-Teil, der das div beinhaltet.

Greetz
alcaeus

Das Setzen der Breite hat nichts bewirkt.

Wirklich seltsam, drehe ich den Spieß um und setze anstatt margin-right margin-left, klappt es einwandfrei.

Zwar etwas unschön, aber Hauptsache ist, dass es geht. Glücklicherweise habe ich den Threadtitel allgemein gehalten, sodass ich noch ein Problem ansprechen kann: Der IE schreibt die Wörter dichter untereinander als der FF, bei dem sind die Wörter weiter auseinander. Wie kann man das am besten beeinflussen?

**pacman1986**

dein Voriges Problem bezog sich auf den berühmten ie 3 px bug google mal danach. vom jetzigen hab ich ka ^^

Perfekt Christian, so hat es wirklich geklappt!

http://www.perun.net/2004/07/09/3-pixel-abstand/

Das Lösen des zweiten Problems ging übrigens per

markieren

Code:

line-height: x;

[CSS] Wiedermal FF & Opera vs. IE6

[CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Re: [CSS] Wiedermal FF & Opera vs. IE6

Forumregeln

mkinzler (Moderator) Registriert seit: 9. Dez 2005 Ort: Heilbronn 39.851 Beiträge Delphi 11 Alexandria	#2 Re: [CSS] Wiedermal FF & Opera vs. IE6 11. Nov 2006, 12:31 Versuch mal den style um markieren Code: position:absolute zu ergänzen. Zitat: Jetzt weiß ich nicht ob der IE es falsch darstellt oder die anderen Browser. Wenn alee aus einem es richtig anzeigen und einer falsch? Markus Kinzler
	Zitat

alcaeus Registriert seit: 11. Aug 2003 Ort: München 6.537 Beiträge	#3 Re: [CSS] Wiedermal FF & Opera vs. IE6 11. Nov 2006, 12:34 Standard Compliance Mode oder Quirks Mode? (Im Fx unter Kontextmenue->"Page properties" oder so einsehbar) Greetz alcaeus Andreas B. Die Mutter der Dummen ist immer schwanger. Ein Portal für Informatik-Studenten: www.infler.de
	Zitat

Balu der Bär (Gast) n/a Beiträge	#4 Re: [CSS] Wiedermal FF & Opera vs. IE6 11. Nov 2006, 12:39 @Andy: "Standardkonformer Modus" @mkinzler: position: absolute; kann ich nicht nehmen, weil ich top & left nicht angeben will, da die ganze Seite sonst nicht "zoombar" ist.
	Zitat

pacman1986 Registriert seit: 11. Feb 2005 Ort: Kirchhain 498 Beiträge Delphi 2005 Personal	#7 Re: [CSS] Wiedermal FF & Opera vs. IE6 11. Nov 2006, 13:22 dein Voriges Problem bezog sich auf den berühmten ie 3 px bug google mal danach. vom jetzigen hab ich ka ^^ Christian N. Designed to make a difference najjaronline.de
	Zitat

Balu der Bär (Gast) n/a Beiträge	#8 Re: [CSS] Wiedermal FF & Opera vs. IE6 11. Nov 2006, 13:44 Perfekt Christian, so hat es wirklich geklappt! http://www.perun.net/2004/07/09/3-pixel-abstand/ Das Lösen des zweiten Problems ging übrigens per markieren Code: line-height: x;
	Zitat