Geschachtelte Divs mit Background IE7 vs IE8 & Firefox

Dazero · #1 (**permalink**) 03.07.2009, 11:03

Hallo zusammen,
nachdem ich bei google keine Lösung gefunden habe, dachte ich mir ich frage
mal hier rum.

Problem Backgroundunterschiede
IE7 -> wie ich es mir vorstelle
FireFox -> fehlender Background

Ich wollte meine neue Seite ohne Tabellen erstellen, daher habe ich diese
mit geschachtelten Divs gebaut.
Im body Tag befindet sich ein backgrundimage

Code:

body {
	background-image: url(Bilder/Harag_Spacer.gif);
}

in einem inneren Div (<div class="cbg"> ) hatte ich ursprünglich nur Background Color gesetzt, aber auch mit dem Image funktioniert es nicht richtig

Code:

.cbg { 
	background-image:  url(../Bilder/cbg.gif);
	background-color: #BBBBBB;
}

Hoffe einer hat nen Tipp für mich, langsam weiß ich nämlich nicht mehr weiter

Webseite : Harag.de
Stylesheet : http://www.harag.de/harag.css

regloh · #2 (**permalink**) 03.07.2009, 11:07

Wo liegen deine Bilder denn nun? "../Bilder/" oder "Bilder/"

Dazero · #3 (**permalink**) 03.07.2009, 11:11

Sorry,

das war wirklich in geistiger Umnachtung geschehen,
habe das CSS gerade geändert, leider immernoch das gleiche Verhalten

Code:

.cbg { 
	background-image:  url(Bilder/cbg.gif);
	background-color: #BBBBBB;
}

regloh · #4 (**permalink**) 03.07.2009, 11:47

Hab leider grad kein Firebug hier und das macht es schwer, das DOM zu durchsuchen, aber ich glaube es liegt daran, dass dein div .cgb floatende Elemente enthält aber kein clearendes Element, damit der normale Fluss wiederhergestellt wird und .cgb alle Elemente einschließt.
Schau mal hier im FAQ

uspri · #5 (**permalink**) 03.07.2009, 12:27

Hab grad mal mit Firebug drübergeschaut und genau daran liegt es auch, es fehlt ein clearendes Element im .cgb

Dazero · #6 (**permalink**) 14.07.2009, 10:54

Danke für die Antworten,
ich hatte das mit dem clear falsch verstanden,
habs jetzt eingebaut und klappt.

Danke nochmal

etux · #7 (**permalink**) 14.07.2009, 11:15

Zitat:

Zitat von Dazero

... ich hatte das mit dem clear falsch verstanden,
habs jetzt eingebaut und klappt.

Du hast jetzt bei div.footer ein „clear: both;“ notiert?
Das ist immer noch falsch.
Entweder innerhalb von div.cgb „clearen“ oder div.cgb muss auch floaten.
Grüße: Emil

Dazero · #8 (**permalink**) 14.07.2009, 12:02

Ok, das heist ich muss ein Div in CGB legen was
float cleard ?

etux · #9 (**permalink**) 14.07.2009, 12:31

Zitat:

Zitat von Dazero

Ok, das heist ich muss ein Div in CGB legen was
float cleard ?

Ja, direkt vor seinem schliessenden Tag. Ich finde es aber besser, div.cgb ein float zu geben. Dann brauchst Du kein zusätzliches Element. Beispielsweise "float: left;". Dann reicht es bei div.footer auch ein "clear: left;".
Grüße: Emil

Edit: Falls Du Zweifel daran hast, ob und wozu das alles nötig ist – der graue Hintergrund, den Du im Moment siehst, ist der von div.mainDiv und nicht der von div.cbg. D.h. div.cbg schließt seine floatende Kindelemente immer noch nicht ein (und ist 0px hoch).

Edit 2: Ich sehe gerade, dass Du div.footer in div.cbg verschoben hast – so geht es natürlich auch.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Frage zu horizontalen Linien	marvin1989	CSS	3	30.12.2009 00:35
Problem mit CSS Style	flo007	CSS	3	25.01.2009 18:08
Css Neuling Bräuchte Hilfe	wc3_monster	CSS	2	03.12.2008 23:23
Float - Probleme	wolf1985	CSS	5	19.08.2008 09:14
Footer left und right Probleme...	wolf1985	CSS	2	14.08.2008 14:04