Webseite verrutscht beim Scrollen :(

[Niklas]

Hallo,

Hba ein Problem wen ich Scrolle verrutschen 2 Balken unter der Menüleiste ( Also bei Opera ja andere Browser weiß ich nicht )

Hier der Css Code Html bekommt ihr selbst oder ?

Css

body {
background-color: #2688db;
color: black;
text-align: center;
font: 25px Arial;
margin: 0 auto;
background-repeat: repeat-x;background-image:url(/bidler/blau.png);
}
#wrapper {
padding: 22px 0px 25px 0px ;
margin: 0 auto;
}
#wrap { 
width: 946px; 
background: rgb(248,130,20);
margin: 0 auto; 
}
#box1 {
width: 0px;
float:left;
background: #f88214;
}       
#box2 {
width: 916px; 
float:right; 
background: white url(balken20.png) -246px 0 no-repeat;
margin: 0 auto;
border-style: solid;
border-color: #f88214 ;
border-width: 0px 15px 0px 0px ;    
padding: 15px 0;
}          

#navcontainer ul {
margin: 0 auto 0 auto;      
padding: 0;
width: 946px;     
height: 30px;
background: url("/bilder/navBarBh.gif");          
}           
             
#navcontainer {
display: block;        
width: 946px;  
margin: 0 auto;
}

#navcontainer ul li
{
list-style-type: none;
padding: 0;   
float: left;
background: url("navBarBh.gif") repeat-x 30px;
font: 10px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 189px;
border-top: 0px solid #A8B090;
border-bottom: 0px solid #A8B090;
border-left: 0px solid #A8B090;
}

#navcontainer li#active { background: url("/bilder/navBarBg.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("/bilder/navBarBg.gif") repeat-x 20px; }

Hier die Seite: PuiTv

Gruß Niklas

 

[Tomm]

Bei mir verrutscht nichts, ich hab IE7 und Firefox
Die Seite kann man gar nicht scrollen
Schau dir deine Seite nochmal mit dem IE an

 

[Niklas]

Bei mir ist es genau so wie im Opera (Siehe http://umfrage-welt.de/bilder/1212.PNG)

 

[Tomm]

3 Fehler sind drin

[Invalid] Markup Validation of http://umfrage-welt.de/testprojekt2 - W3C Markup Validator

bei den meta-Angaben fehlt das end-Tag
<meta http-equiv="Content-Type" content="text/html;charset=windows-1252"/>

 

[Niklas]

??? Hä da ist doch alles Richtig die Fehler die Angezeigt werden sind nciht im Quelltext

Ich glaube das Verschiebt sich wegen den Wrapper Div aber der ist doch ok :|

 

[Niklas]

Ah ich glaube ich habe den Fehler

#wrapper {
padding: 22px 0px 25px 0px ;
margin: 0 auto;
}

Dort Fehlt wie groß wrapper sein darf nämlich nur 946 nur wie schreibt man das da nochmla hin ^^

 

[Tomm]

So ich komm grad ausm Stadion, wir haben 2:1 gewonnen gegen VFB

Lass doch den Wrapper weg, für was soll der sein ?

 

[Niklas]

Lass doch den Wrapper weg, für was soll der sein ?

Tradition ich hatte das in allen Webseiten und dachte dadurch wird alles zusammengehalten anscheinend nicht ^^ Aber da ich jetzt width: 946px; dazugeschrieben habe verrutscht nichts ^^ Ich wusste das was Fehlt

Danke Tomm

 

[Elroy]

??? Hä da ist doch alles Richtig die Fehler die Angezeigt werden sind nciht im Quelltext

Ich glaube das Verschiebt sich wegen den Wrapper Div aber der ist doch ok :|

Natürlich sind die Fehler im Quelltext.
Und die kannst du auch alle ganz leicht entfernen wenn du die Fehlermeldungen liest.

Ein Tipp: Hör auf XHTML Syntax mit einem HTML Doctype zu benutzen.

Gruss
Elroy