Design CSS

Hallo Leute,

da bin ich mal wieder und ich benötige Hilfe !!!

Und zwar habe ich folgende Schwierigkeit. Wenn man auf meine Seite geht und scrollt ist erstaml alles Okay. Hintergrundbild steht - soll auch so sein. Aber wenn man dann z.B. den Menuepunkt 'Kontakt auswählt' und hinunterscrollt, erscheint rechts und links neben dem Content ein weisser Balken. Die Farbe davon bzw. den Hintergrund kann ich ändern. Aber das möchte ich nicht. Ich möchte das dort garnichts zu sehen ist.

Könnt Ihr mir vielleicht sagen was ich ändern muss, damit da nichts ist und der Schriftzug am rechten Rand meines Hintergrundbildes weiter komplett sichtbar bleibt und nicht dieser weisse Balken dort erscheint.

Für eure Hilfe danke ich euch natürlich jetzt schon.

Quellcode:

*/body {
color:#000000;
height:100%;
margin:0;
padding:0;
}
table {
margin:auto;
}
#bigbg {
background-image:url(http://s1.directupload.net/images/100619/xkg8am8n.jpg);
border:medium none;
background-attachment:fixed;
height:600px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1;
}
#container {
background-color:#E0E0E0;
background-image:url(http://img.webme.com/pic/d/desiqntest/rbg.png);
background-repeat:repeat-x;
color:#666666;
font-family:"Trebuchet MS",Verdana;
font-size:13px;
height:auto;
left:50%;
margin-left:-490px;
padding:8px;
position:absolute;
top:130px;
width:930px;
}
#header_container {
background-image:url(http://s3.directupload.net/images/100710/bpez7qry.jpg);
height:185px;
width:930px;
}
#header {
display:none;
}
.header {
text-align:right;
}
ul#nav {
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border:1px solid #CCCCCC;
list-style-type:none;
margin:0;
padding:8px 0;
}
li.nav_element {
background-color:#999999;
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border-color:-moz-use-text-color #CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:none solid none none;
border-width:medium 1px medium medium;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:8px;
}
#nav_heading {
display:none;
}
.menu {
color:#CC0000;
font-family:"Trebuchet MS",Verdana;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.menu:hover {
color:#FF6600;
}
h2#title {
background-color:#E8E8E8;
border-color:-moz-use-text-color #CCCCCC #CCCCCC;
border-style:none solid solid;
border-width:medium 1px 1px;
color:#FF9933;
font-family:"Trebuchet MS",Verdana;
font-size:18px;
font-weight:normal;
letter-spacing:2px;
margin:0 550px 15px 30px;
padding:2px 5px 0;
text-align:center;
}
#content {
background-color:#FFFFFF;
border-color:-moz-use-text-color #CCCCCC #CCCCCC;
border-style:none solid solid;
border-width:medium 1px 1px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
text-align:justify;
}
#counter {
font-family:Verdana;
font-size:10px;
letter-spacing:1px;
margin-top:10px;
text-align:center;
}
#sidebar_container {
background-color:#CCCCCC;
color:#000000;
height:160px;
left:675px;
opacity:0.8;
padding:5px;
position:absolute;
top:15px;
width:250px;
}
#sidebar_heading {
margin:0;
overflow:auto;
padding:0;
} //-->

Gruß
Michael

Hallo,
Leider werden in diesem Design Code nicht die verschieden Auflösungen beachtet
man bräuchte ein Hintergrund, dass mindestens 1500*1000Pixel groß sein muss.
Am besten verwendet man ein Hintergrundbild, dass sich endlos in mindestens eine Richtung wiederholen kann
oder man verwendet gleich eine reine Hintergrundfarbe.
Denn fast jeder Besucher sieht die Homepage mit einer anderen Auflösung anders...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator