Div tag überlappt

[Sniperfan]

Problem ist folgendes:
Ich gerade dabei, ein Shopdesign an Gambio GX anzupassen (basiert auf xtc sp2.1).
Da ich nicht gerade ein Fan von tabellen bin, mach ich das naürlich mit css

Nur laufen die Boxen immer über den Content hinaus, ohne das dieser mitzieht. So langsam weiß ich da nicht mehr weiter ^^


Nacholgend der betroffene Code:

[b]index[/b]
<div id="contentSpacer">
        	<div id="contentBg">
        		<div class="boxesLeft">
					test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
		    	</div><!-- div boxesLeft -->
                
           		<div class="boxesRight">
					test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
				</div><!-- div boxesRight -->
             
             </div><!-- div contentBg -->
        </div><!-- div contentSpacer -->
		<div id="contentFooter"></div><!-- div contentFooter -->




[b]Stylesheet[/b]
#contentSpacer {
	background: url('template_img/contentSpacer.gif') repeat-y;
	width: 986px;
}

#contentBg {
	background: url('template_img/contentBg.gif') repeat-y;
	width: 952px;
	height: auto;
	display: block;
}

#contentFooter {
	background: url('template_img/contentFooter.gif') no-repeat;
	width: 986px;
	height: 31px;
}

/*  Boxes */
.boxesLeft {
	background: url('template_img/contentBg.gif') repeat-y;
	width: 195px;
	float: left;
}

.boxesRight {
	width: 195px;
	float: right;
}

Zu betrachten ist das ganze auch unter

Da s sich hier um dieses (beschissene) Smarty verfahren handelt, kann ich natürlich nicht die Lösung dafür anwenden, die ich sonst nutze... (Sobald ich den Kram einfüge, wird alles ab dem Body abgeschnitten).


Ich warte dann mal auf eine Antwort und probier weiter rum :/

MfG

 

[Herr_D]

AW: Div tag überlappt

das hat schon alles seine Richtigkeit, aber das Bild für den contenBG wird bei mir nicht gefunden? Haste das erstellt?


probier mal dem contenBG einfach eine Hintergrundfarbe zuzuordnen... was sollen den bitte weiße gif?

 

[Sniperfan]

AW: Div tag überlappt

Das Bild ist 952px breit, 4px hoch und komplett weiß, aber es existiert ^^

Und jetzt bin ich richtig am rätseln, denn mit der Content Klasse funktioniert es so, wie gewollt.

was sollen den bitte weiße gif?

Dann kann ich mir den Einzug mit margin sparen und dadurch ggf. notwendige fixes für den IE ausschließen

MfG

 

[Herr_D]

AW: Div tag überlappt

irgendwie hast du paar </div> zu viel?

 

[Sniperfan]

AW: Div tag überlappt

irgendwie hast du paar </div> zu viel?

Die 2 überflüssigen bezogen sich auf die ausgeklammerten div´s oben.
Aber einen Unterschied macht das auch nicht ^^

Irgendwie hab ich das Gefühl, ich werd damit noch sehr viel spass haben.


MfG


Edit: Wenn ich float bei den Boxen lösche, dann befindet sich das ganze da wo es sein soll...

Edit2: Im IE sieht es so aus wie es soll, nur drückt der Inhalt der Mitte die Boxen nach unten ^^ (ja, bis auf den Warenkorb)

Dann bemüh ich mal Herrn Google

 

[sokie]

AW: Div tag überlappt

Wenn ich float bei den Boxen lösche, dann befindet sich das ganze da wo es sein soll...

da fehlt ja auch das clearing der Floats. ohne das weiss der Browser nicht, wie gross die umhüllende box sein muss.
eine Lösung ist zB nach dem letzen float ein leeres div mit der eigenschaft clear:both zu notieren

<div style="clear:both"</div>

 

[Sniperfan]

AW: Div tag überlappt

irgendwie hast du paar </div> zu viel?

Nun hab ich zumindest eine Box, da wo sie hinsoll. Ich werd dann mal ein wenig rumprobieren.

Danke dafür


MfG

Edit: Fehler gefunden. Nun funktioniert alles wie es soll. Nochmals danke für die Hife