Ausrichtungsproblem in Mozilla Firefox 0.9

[Julius Hacker]

Hallo Forum ;-)

Ich habe heute ein kleines Problem mit der Ausrichtung eines DIVs per CSS.
Konkret geht es um die Seite http://www.finalfuture.de/Lille-et-Nord-Pas-De-Calais/

Wie man im Quelltext sehen kann, verwende ich mehrere DIVs und richte diese per CSS aus.
Nun habe ich leider das Problem, dass ich oben neben dem Logo ein DIV habe, dass ich direkt neben dem Logo habe. Erreicht habe ich dies, indem ich bei der CSS Definition für das DIV des Logos float:left; angegeben habe.
Solange kein Inhalt im DIV ist, sieht auch alles so aus, als obs funktioniert.

Nun kommt aber Firefox und meint, er muss für den Inhalt die Angabe float:left; ignorieren und zeigt den Inhalt unter dme eigentlichen DIV an.

Wie löse ich nun das Problem am besten?

Anmerkung:
(1) Wem das Layout gefällt, darf sich bei meinem Bruder beschweren ;-)
(2) Der Inhalt kommt die nächsten tage noch, den erarbeiten wir momentan noch.
(3) Ich weis, dass im Internet Explorer nicht alles korrekt angezeigt wird - deswegen hab ich für den auch schon einen eigenen Stylesheet erstellt, den ich nurnoch hochladen muss und den Apache dann per .htaccess entscheiden lassen muss, welchen er anzeigen soll je nach Anfrage.

Gruß
Julius

[wahsaga]

hi,

Nun kommt aber Firefox und meint, er muss für den Inhalt die Angabe float:left; ignorieren und zeigt den Inhalt unter dme eigentlichen DIV an.

im IE5 sieht es so ähnlich aus - so. als ob der div einfach zu breit ist, und deshalb nicht mehr neben das logo passt. folglich wird er darunter platziert.

und wofür ist der überhaupt relativ positioniert?

warum packst du nicht das logo _in_ den div, und lässt es links floaten?

gruß,
wahsaga

[Julius Hacker]

hi,

Hi whasaga

und wofür ist der überhaupt relativ positioniert?

Das ganze wurde zuvor nicht richtig angezeigt ohne die Angabe.

warum packst du nicht das logo _in_ den div, und lässt es links floaten?

Weil das zuvor in einem eigenen DIV steckte ;-)
Habd as jetzt aber mal in den entsprechenden Navigations-DIV rein - jetzt nurnoch die text-Ausrichtung hinbiegen und schon ist das ganze für IE und Mozilla tauglich :-)

Gruß
Julius

[Arx]

Hi,

Konkret geht es um die Seite http://www.finalfuture.de/Lille-et-Nord-Pas-De-Calais/

BTW: http://forum.de.selfhtml.org/faq/#Q-19

Wie man im Quelltext sehen kann, verwende ich mehrere DIVs und richte diese per CSS aus.
Nun habe ich leider das Problem, dass ich oben neben dem Logo ein DIV habe, dass ich direkt neben dem Logo habe. Erreicht habe ich dies, indem ich bei der CSS Definition für das DIV des Logos float:left; angegeben habe.
Solange kein Inhalt im DIV ist, sieht auch alles so aus, als obs funktioniert.
Nun kommt aber Firefox und meint, er muss für den Inhalt die Angabe float:left; ignorieren und zeigt den Inhalt unter dme eigentlichen DIV an.

Wenn du float angibst, musst du auch width angeben. Das kannst du hier nachlesen: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

Habe das gleiche Problem auch schon gehabt ;-)

Anmerkung:
(1) Wem das Layout gefällt, darf sich bei meinem Bruder beschweren ;-)

Warum, so schlecht sieht es doch nicht aus.

Gruß
Arx

[Julius Hacker]

Hallo Arx,

BTW: http://forum.de.selfhtml.org/faq/#Q-19

Stimmt, garnicht dran gedacht - vergisst man immer so gerne, wenn man länger mal nicht im Forum aktiv ist.

Wenn du float angibst, musst du auch width angeben. Das kannst du hier nachlesen: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

War auch angegeben - aber ist ja jetzt gelöst, indem ich das Logo mit ins DIV rein habe.

Warum, so schlecht sieht es doch nicht aus.

War auch eher ironisch gemeint - mir persönlich gefällt das auch gut.

Gruß
Julius