Mozilla und 100% Div

[dey]

Hallo

ich habe bei Mozilla Firefox und Divs ein merkwürdiges verhalten:

1.
ich habe links ein Navi<div> und rechts ein dunkelgraues Content<div>.
Wähle ich die Fenstergrösse so, dass horizontale Scrollbalken notwendig sind erhält das Container<div> die Breite, um die komplette Fläche rechts abzudecken.
Wenn man jetzt nach rechts scrollt, um alle Bilder zu sehen wandert das Container<div> nach links anstatt sich so zu vergrössern, dass es wieder an den Fensterrand reicht.
Ich denke ich habe lokal schon alles versucht:
min-width=100%, width=100%, ohne width, bisher hat nix geholfen!

HP: http://deynews.cjb.cc/?link=1&sty=2
Screenshot:  http://deynews.cjb.cc/img/mozilla-div-cont.jpg

Wie schaffe ich es , dass die graue Box, die ja die Bilder enthalten soll immer bis an den Rand geht.

2.
Ich möchte gerne, dass <divs> innerhalb von <divs> zentriert dargestellt werden. Das funktioniert (mit text-align=center) auch in IE aber nich in Mozilla.
Das Verhalten in Moz. finde ich seltsam und nicht der Angabe text-align=center entsprechend.
Kann ich das Verhalten der <divs> so beeinflussen, dass sie mittig ausgerichtet sind, in IE und Mozilla?

bydey

[Cheatah]

Hi,

ich habe bei Mozilla Firefox und Divs ein merkwürdiges verhalten:

richtig - merkwürdig. Es ist würdig, gemerkt zu werden. Der Grund ist einfach: Das Verhalten ist korrekt.

ich habe links ein Navi<div> und rechts ein dunkelgraues Content<div>.

[...]

Dies habe ich nicht verstanden.

Ich möchte gerne, dass <divs> innerhalb von <divs> zentriert dargestellt werden. Das funktioniert (mit text-align=center) auch in IE aber nich in Mozilla.
Das Verhalten in Moz. finde ich seltsam und nicht der Angabe text-align=center entsprechend.

Wieso glaubst Du, mit der Eigenschaft _text_-align etwas anderes als Text beeinflussen zu können? Der IE verhält sich hier mal wieder falsch. Zu diesem Problem konsultiere bitte das </archiv/>, es wurde nämlich schon einige Dutzend Male behandelt.

Cheatah

[dey]

Hallo Cheatah,

ich habe bei Mozilla Firefox und Divs ein merkwürdiges verhalten:

richtig - merkwürdig. Es ist würdig, gemerkt zu werden. Der Grund ist einfach: Das Verhalten ist korrekt.

ich habe links ein Navi<div> und rechts ein dunkelgraues Content<div>.
[...]

Dies habe ich nicht verstanden.

Kann ich verstehen. Beim formulieren, wurde mir schon schwummerich.
body-hintergrund-hellgrau
Navi-links-hellgrau
Content-rechts-dunkelgrau
Der Content-rechts soll immer bis zum Fensterrand grau sein.
Wähle ich eine Fenstergrösse, die einen Scrollbalken benötigt reicht die dunkelgraue Contentbox bis an den rechte Fensterrand. Wenn ich jetzt scolle, um alle Bilder zu sehen wandert die dunkelgraue Box nach links und die Bilder, die jetzt zu sehen sind haben einen hellgrauen Hintergrund.

1a)
Ich möchte, dass die Bilder _immer_ innerhalb des dunkelgrauen Content<div> zu sehen sind

1b)
der dunkelgraue Content<div> soll _immer_ bis an den rechten Rand reichen.

Wieso glaubst Du, mit der Eigenschaft _text_-align etwas anderes als Text beeinflussen zu können? Der IE verhält sich hier mal wieder falsch. Zu diesem Problem konsultiere bitte das </archiv/>, es wurde nämlich schon einige Dutzend Male behandelt.

Danke für den Hinweis.

bydey

[Ingo Turski]

Hi,

Das Verhalten in Moz. finde ich seltsam und nicht der Angabe text-align=center entsprechend.

Soso... Du findest ein Verhalten, daß exakt dem Standard des W3C entspricht, seltsam?
Was meinst Du, warum es "text-align" heißt und nicht wie beim HTML-Attribut "align"?
Weil hiermit Texte und Inline-Elemente ausgerichtet werden, nicht aber Block-Elemente. Für diese gibt es die Eigenschaft margin und zum Zentrieren den Wert auto.

freundliche Grüße
Ingo

[dey]

Hallo Ingo,

Was meinst Du, warum es "text-align" heißt und nicht wie beim HTML-Attribut "align"?

Ein Unterschied ist mir wohl aufgefallen. Ich konnte ihn nur nicht verwerten!

Weil hiermit Texte und Inline-Elemente ausgerichtet werden, nicht aber Block-Elemente. Für diese gibt es die Eigenschaft margin und zum Zentrieren den Wert auto.

Das scheint zu funktionieren!?
Wie sieht es mit Anschlag rechts aus.
Ich habe grad mal ein Kombi aus margin: auto und margin-right: 1px versucht.
Das scheint zu funktionieren. Ist das der korrekte Weg?

bydey

[saltun]

Hallo!

Das scheint zu funktionieren!?
Wie sieht es mit Anschlag rechts aus.
Ich habe grad mal ein Kombi aus margin: auto und margin-right: 1px versucht.
Das scheint zu funktionieren. Ist das der korrekte Weg?

Du solltest vielleicht zuerst die Fehler korrigieren

http://validator.w3.org/check?verbose=1&uri=http%3A//deynews.cjb.cc/%3Flink%3D1%26sty%3D2

und dann erst weitermachen.

Grüße
saltun

[CarstenP]

Hallo,

Ich habe grad mal ein Kombi aus margin: auto und margin-right: 1px versucht.
Das scheint zu funktionieren. Ist das der korrekte Weg?

Der Vollständigkeit halber: < http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm>

Dort ist auch erklärt, *warum* die Ausrichtung über margin erfolgt.

Viele Grüße
Carsten

[dey]

Hallo,

Dort ist auch erklärt, *warum* die Ausrichtung über margin erfolgt.

Danke, mein Problem 2 ist somit erklärt.
Was ist mit dem anderen Phenomen:
1.
Beim scrollen wandert die dunkelgraue Content-box nach links anstatt sich zu vergrössern.
Siehe auch das Bild, welches im Ursprungs-Posting gelinkt ist.

bydey

[dey]

Hallo»» Hallo

ich habe bei Mozilla Firefox und Divs ein merkwürdiges verhalten:

ich habe links ein Navi<div> und rechts ein dunkelgraues Content<div>.
Wähle ich die Fenstergrösse so, dass horizontale Scrollbalken notwendig sind erhält das Container<div> die Breite, um die komplette Fläche rechts abzudecken.
Wenn man jetzt nach rechts scrollt, um alle Bilder zu sehen wandert das Container<div> nach links anstatt sich so zu vergrössern, dass es wieder an den Fensterrand reicht.
Ich denke ich habe lokal schon alles versucht:
min-width=100%, width=100%, ohne width, bisher hat nix geholfen!

HP: http://deynews.cjb.cc/?link=1&sty=2
Screenshot:  http://deynews.cjb.cc/img/mozilla-div-cont.jpg

Wie schaffe ich es , dass die graue Box, die ja die Bilder enthalten soll immer bis an den Rand geht.

Bzw. wie schaffe ich es, dass die Vater-box immer so gross ist, dass alle Kind-boxen mit ihren Elementen innerhalb angezeigt werden?

Ich möchte gerne, dass <divs> innerhalb von <divs> zentriert dargestellt werden. Das funktioniert (mit text-align=center) auch in IE aber nich in Mozilla.
Das Verhalten in Moz. finde ich seltsam und nicht der Angabe text-align=center entsprechend.
Kann ich das Verhalten der <divs> so beeinflussen, dass sie mittig ausgerichtet sind, in IE und Mozilla?

bydey

bydey