DIV-Elemente im Mozilla

mendaxx · 29.11.2004, 16:50

Hallo. Also langsam verzweifle ich mit meinem geliebten Mozilla, sowie mit Firefox.

Jetzt habe ich heute endlich herausgefunden, wie man einen DIV-Container dazu bringt, sich an die Größe von in ihm enthaltenen DIVs, die mit float:left formatiert sind, anzupassen und dann geht das erst recht nicht so, wie ich will.

Ich habe jetzt also ein großes DIV (700px und zentriert), darin sind (bis jetzt) drei weitere DIVs. Eines ganz oben (D1), in dem mein Logo ist. Ein weiteres darunter links (D2), das mein Menü enthält und das Attribut "float:left" hat, weil daneben rechts ein weiteres DIV stehen soll (D3), in dem dann ein Text ist.

Zwischen den drei enthaltenen DIVs will ich 10px Abstand - in jede Richtung. Zwischen D1 und D2 passt das, aber bei D2 und D3, die in einer Linie sein sollen, kommt der Fehler: D3 beginnt, wie D2 ganz links im großen DIV, aber der Text ist halt so verschoben, dass er erst 10px (wegen padding:10px) neben D2 beginnt.

Was wäre eine Lösung dafür?
Position:relative macht daraus nur noch ein größeres Wirrwarr, weil dann erst recht nichts mehr an seinem Platz ist und position:absolute kann man nicht machen, weil das große DIV im Body zentriert liegt.

äähm ... HILFE!

Danke.

T.dot · 29.11.2004, 16:56

vielleicht könntest du den quellcode deiner html-seite + screenshot posten, in dem man sieht was nicht funktioniert.
würd die sache ein wenig vereinfachen.

gehts in anderen browsern oder testest du nur mit firefox?

mfg Thomas

mendaxx · 29.11.2004, 18:13

Hab das mal hochgeladen (hat so lang gedauert, weil ich den Inode-Webspace bisher nie benutzt hab und die Zetteln hab zamsuchen müssen):
http://members.inode.at/jari.fritz/

Hab das Problem-DIV (D3) grün eingefärbt, damit man es besser erkennt, wo es liegt (hinter D2)

snowman · 29.11.2004, 18:55

http://www.positioniseverything.net/ und links hierin.

und im google: "two column layout css"

gruss,
snowman

mendaxx · 29.11.2004, 18:55

Danke ich schau gleich amal.

mendaxx · 29.11.2004, 19:01

Ok, da scheint was nützliches zu sein ... ich werd das mal ausprobieren.

mendaxx · 29.11.2004, 19:32

Danke, mit diesen Layoutbeispielen auf positioniseverything.net hat das gut geklappt!

29.11.2004, 16:50	#1
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	DIV-Elemente im Mozilla Hallo. Also langsam verzweifle ich mit meinem geliebten Mozilla, sowie mit Firefox. Jetzt habe ich heute endlich herausgefunden, wie man einen DIV-Container dazu bringt, sich an die Größe von in ihm enthaltenen DIVs, die mit float:left formatiert sind, anzupassen und dann geht das erst recht nicht so, wie ich will. Ich habe jetzt also ein großes DIV (700px und zentriert), darin sind (bis jetzt) drei weitere DIVs. Eines ganz oben (D1), in dem mein Logo ist. Ein weiteres darunter links (D2), das mein Menü enthält und das Attribut "float:left" hat, weil daneben rechts ein weiteres DIV stehen soll (D3), in dem dann ein Text ist. Zwischen den drei enthaltenen DIVs will ich 10px Abstand - in jede Richtung. Zwischen D1 und D2 passt das, aber bei D2 und D3, die in einer Linie sein sollen, kommt der Fehler: D3 beginnt, wie D2 ganz links im großen DIV, aber der Text ist halt so verschoben, dass er erst 10px (wegen padding:10px) neben D2 beginnt. Was wäre eine Lösung dafür? Position:relative macht daraus nur noch ein größeres Wirrwarr, weil dann erst recht nichts mehr an seinem Platz ist und position:absolute kann man nicht machen, weil das große DIV im Body zentriert liegt. äähm ... HILFE! Danke. ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

29.11.2004, 18:13	#3
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Hab das mal hochgeladen (hat so lang gedauert, weil ich den Inode-Webspace bisher nie benutzt hab und die Zetteln hab zamsuchen müssen): http://members.inode.at/jari.fritz/ Hab das Problem-DIV (D3) grün eingefärbt, damit man es besser erkennt, wo es liegt (hinter D2) ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

29.11.2004, 18:55	#4
snowman Inventar Registriert seit: 26.09.1999 Beiträge: 2.569	http://www.positioniseverything.net/ und links hierin. und im google: "two column layout css" gruss, snowman ____________________________________ MediaMarkt? Ich bin doch nicht blöd, Mann! Vorsprung durch Technik Lesen Sie keine Anleitungen, FAQs, Readme - Files. Reine Zeitverschwendung. In den Newsgroups und Foren gibt es genug kompetente Leute, die mit großer Geduld immer wieder dieselben einfachen Fragen beantworten. Völlig kostenlos noch dazu!

29.11.2004, 18:55	#5
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Danke ich schau gleich amal. ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

29.11.2004, 19:01	#6
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Ok, da scheint was nützliches zu sein ... ich werd das mal ausprobieren. ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

29.11.2004, 16:56	#2
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	vielleicht könntest du den quellcode deiner html-seite + screenshot posten, in dem man sieht was nicht funktioniert. würd die sache ein wenig vereinfachen. gehts in anderen browsern oder testest du nur mit firefox? mfg Thomas

29.11.2004, 19:32	#7
mendaxx Abonnent Registriert seit: 22.04.2003 Ort: Wien Beiträge: 1.198 Mein Computer	Danke, mit diesen Layoutbeispielen auf positioniseverything.net hat das gut geklappt! ____________________________________ "Ford," he said, "you're turning into a penguin. Stop it."

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)