Thema: Problem mit Hintergrund im Artikelbereich

Hallo,

ich habe ein Template selber gebaut, aber ein Problem mit dem Hintergrund im Hauptteil.

Der Hauptteil besteht aus einer Breite mit 700 px, dann beginnt der Hauptteil mit 6 News-Bereichen (2 nebeneinander, 3 Übereinander, sofern als Modul vorhanden), darunter sollen die Beiträge erscheinen. Funktioniert auch soweit, leider nicht mit dem Hintergrund, der hört nach den News aus und ich weiß nicht warum

Hier die Index :

Code:

<div id="hauptteil">
        <div class="hauptteil_top">
		<div id="breadcrumb">
		<jdoc:include type="modules" name="breadcrumb" style="xhtml" />
        </div></div>
		<div class="hauptteil_main">
        <div id="news1">
        <jdoc:include type="modules" name="news1" style="xhtml" />
        </div>
        <div id="news2">
        <jdoc:include type="modules" name="news2" style="xhtml" />
        </div>
        <div id="news3">
        <jdoc:include type="modules" name="news3" style="xhtml" />
        </div>
        <div id="news4">
        <jdoc:include type="modules" name="news4" style="xhtml" />
        </div>
        <div id="news5">
        <jdoc:include type="modules" name="news5" style="xhtml" />
        </div>
        <div id="news6">
        <jdoc:include type="modules" name="news6" style="xhtml" />
        </div>
        <div id="allgemein">
        <jdoc:include type="modules" name="allgemein" style="xhtml" />
		<jdoc:include type="component" />
		<jdoc:include type="message" />
		</div></div>
        <div class="hauptteil_bottom"></div>
</div>

Und hier die css :

Code:

#hauptteil {
background-color: #cccccc;
width: 700px;
height: auto;
float: left;
clear: both;
}


#breadcrumb {
background: transparent;
width: 690px;
height: 20px;
padding-left: 10px;
clear: both;

}

#right {
background-color:#FF8F35;
width: 300px;
height: auto;
float: right;
}

#news1 {
background: transparent;
width: 345px;
max-height: 100px;
float : left;
overflow: hidden;
padding-left: 5px;
padding-top: 5px;
}

#news2 {
background: transparent;
width: 340px;
max-height: 100px;
margin-left: 350px;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-down: 5px;
}

#news3 {
background: transparent;
width: 345px;
max-height: 100px;
overflow: hidden;
float: left;
padding-left: 5px;
}

#news4 {
background: transparent;
width: 340px;
max-height: 100px;
margin-left: 350px;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
}

#news5 {
background: transparent;
width: 350px;
max-height: 100px;
float: left;
overflow: hidden;
}

#news6 {
background: transparent;
width: 350px;
max-height: 100px;
margin-left: 350px;
overflow: hidden;
}

#allgemein {
position: relative;
background: transparent;
width: 685px;
height: auto;
overflow: auto;
float: left;
padding-left: 10px;
padding-right: 5px;
}
.hauptteil_top{
background: url(../images/hauptteil-bg-top.png);
background-repeat: no-repeat;
width: 700px;
height: 13px;
}
 
.hauptteil_main{
background: url(../images/hauptteil-bg.png);
background-repeat: repeat-y;
width: 700px;
height: 400px;;
padding-top: 13px;
padding-left: 0px;
padding-right: 0px;
}
 
.hauptteil_bottom {
background: url(../images/hauptteil-bg-down.png);
background-repeat: no-repeat;
width: 700px;
height: 13px;
}

Hat da einer eine Idee ? Bin am verzweifeln.

Hpalli

Hallo,

das hatte ich auch erst gedacht. Aber wenn ich ein schlißendes DIV raus nehme verschiebt sich der Rest der ganzen Seite.
Außerdem werden die Div's ja einwandfrei dargestellt. Nur der Hintergrund, sprich wenn ich "div class" einbau nicht.

???

Grüße
Hpalli