Wrapper erweitert sich nicht.

[beaT360]

Hallo zusammen!

Mein Problem ist folgendes: Fabian Plentz | Motorsport & Trainer ist die Hintergrundefarbe hinter der Slideshow und dem Newsabschnitt nicht mehr weiß. Woran liegt das?

Kann ich meinen HTML Code überprüfen lassen und gucken ob diese Divs nicht im Wrapper liegen? Habe schon so rübergesehen aber nix gefunden.

Desweiteren würde ich gern wissen, wie ich den News_Wrapper richtig positionieren kann, sodass er nicht rechts aus der Seite "fällt".

Der Code dazu:

* {
margin: 0;
padding: 0;
border: none
}

#html {
	height:100%;
}

body {
	height:100%;
	background:#7aaed1;
	margin-top:0;
}

#wrapper{
	height:100%;
	width:1000px;
	border-left:1px solid #5c4d43;
	background: url(pictures/wrapper.jpg) repeat-y #FFF;
	margin:auto;
}

#header {
	width:981px;
	height:165px;
	margin-top:0;
	background:url(pictures/header.jpg) no-repeat #FFF;
}

#slideshowwrapper {
	width:535px;
	height:298px;
	background:url(pictures/slideshow_wrapper.jpg) no-repeat #FFF; 
	margin-left:20px;
        float:left;
}

#slideshow {
	width:492px;
	height:277px;
	margin-left:20px;
	padding-top:11px;
}

#sideright {
	width:437px;
	height:603px;
	background:url(pictures/side_right.jpg) no-repeat #FFF;
        float:right;
        top:0;
       
}


/** News Index **/


#news_wrapper {
        width:534px;
        border-top:1px solid #5c4d43;
        border-right:1px solid #5c4d43;
        background:#FFF;
        margin-left:29px;
        float:left;
        margin-top:20px;
        position:relative;
}

#news {
        background-image:url(pictures/news.png);
        background-repeat: no-repeat;
        margin-top:15px;
}

#events {
        background-image:url(pictures/events.png);
        background-repeat: no-repeat;
        margin-top:15px;
}


#results {
        background-image:url(pictures/results.png);
        background-repeat: no-repeat;
        margin-top:15px;
}

.news_item {
        float:left;
        position:relative;
        width:170px;
        font-color:#5c4d43
}

#news_wrapper .text p {
	font-family:Verdana;
	font-size:8pt;
	font-style: normal;
        margin:30px 5px 0 0px;
	

}

/** End News Index **/

Danke schon mal für eure Mühe!

MfG

Jan

 

[Chigurh]

Du solltest deiner Grundstruktur nochmal eine Überarbeitung zu gute kommen lassen. Ich würde einen Standart Container für den Content bauen, der die Hintergrundfarbe weiss hat. Bei dir hat jede Unterseite eine andere Gesamtbreite, das Menü ist inkonsistent, meiner Ansicht nach löst du zuviel mit Grafiken, dann öffnet dein Dokument mit "<?xml version="1.0" ?>" usw...

Ist das deine Auftragsarbeit, bzw. bezahlt da jemand Geld für?

 

[prm]

Wer floatet, muss auch clearen: Firefox stellt Hintergrund nicht vollständig dar

 

[beaT360]

Also mit dem Clearen hat es nicht funktioniert. Breiten habe ich jetzt angepasst und versucht den HTML Code zu verbessern. Leider funktioniert die Wrapper Erweiterung bei Events oder News ü berhaupt nicht.

 

[neuroleptika]

Geht es dir um die vertikalen Linien?
Am einfachsten wäre eine Faux Columns-Grafik für #news_wrapper