pad8626: Weiße Rändern am Seitenende + Containerproblem

Beitrag lesen

SELF-Forum

Weiße Rändern am Seitenende + Containerproblem

pad8626 Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi@all ,

ich hab mal wieder ein kleines Problem was ich grad nicht so recht verstehe.

http://www.pad8626.de/test/

Hier findet ihr das Problem indem ihr ganz nacht unten scrollt dort habe ich aus irgend nem Grund weiße Ränder die ich nicht so schön find und die ich gerne weg hätte ich hab aber mittlerweile keine idee mehr an was es liegen könnte.

Ausserdem seht ihr links und rechts vom weißen Container einen Schatten bzw Farbverlauf der nur bis zu einem bestimmten punkt geht und das obwohl ich heigt:100% gesetzt habe und der Eltern Container auch bis ganz unten geht weil ich den auf 700px festgesetzt habe. Und mit dem Farbverlauf links und rechts funktioniert es ja auch.

So hier ist der CSS Code alternativ kann man ihn sich mit FireBug angucken

  
/*BEGIN Seiteneigenschaften */  
  
*  
{  
  padding:0px;  
 margin:0px;  
}  
  
#site  
{  
 padding:0px;  
 margin:0px;  
 height:700px;  
}  
  
/*END Seiteneigenschaften */  
  
  
/*______________________________________________________________________________________*/  
  
  
/* BEGIN Farbübergänge_links_rechts */  
  
#wrapper  
{  
 height:100%;  
}  
  
#links  
{  
 float:left;  
 height:100%;  
 width:50%;  
}  
  
#links_inhalt  
{  
 margin-right:390px;  /*Abhängikeiten: margin rechter_inhalt ; margin,width container  */  
 height:100%;  
}  
  
#rechts  
{  
 float:right;  
 height:100%;  
 width:49%;  
}  
  
#rechts_inhalt  
{  
 margin-left:379px; /*Abhängikeiten: margin linker_inhalt ; margin,width container  */  
 padding:0px;  
 height:100%;  
}  
  
/* END Farbübergänge_links_rechts */  
  
  
  
/*______________________________________________________________________________________*/  
  
  
/*BEGIN Content_Container*/  
  
#shadow_left  
{  
 float:left;  
 width:10px;  
 height:100%;  
 background:#FFFFFF url(images/container_links.PNG) repeat-y;  
  
}  
  
#container  
{  
 height:100%;  
 position:absolute;  
 border:0px solid #000000;  
 left:50%;  
 width:780px;     /*Abhängikeiten: margin rechter_inhalt , linker_inhalt; margin container */  
 margin-left:-390px;  /*Abhängikeiten: margin rechter_inhalt , linker_inhalt; width container */  
}  
  
  
#header  
{  
 width:780px;  
 height:170px;  
 position:absolute;  
 top:0px;  
}  
  
#banner  
{  
 position:absolute;  
 left:10px;  
 top:10px;  
 width:760px;  
 height:130px;  
}  
  
  
#footer  
{  
 position:relative;  
 top:21px;  
 border:0px solid #999999;  
 width:738px;  
 height:20px;  
}  
  
  
#shadow_right  
{  
 float:right;  
 width:10px;  
 height:100%;  
 background:url(images/container_rechts.png);  
}  
  
/*END Content_Container*/  
  
  
  
/*______________________________________________________________________________________*/  
  
  
  
  
.back  
{  
 width:100%;  
 height:100%;  
}

und der HTML Quellcode

  
  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head>  
  <link href="style.css" rel="stylesheet" type="text/css" />  
  <title></title>  
 </head>  
 <body>  
  <div id="site">  
  
  
   <div id="wrapper">  
  
    <div id="links">  
     <div id="links_inhalt" style="">  
      <img class="back" src="images/verlauf_links.png" />  
     </div>  
    </div>  
  
    <div id="container">  
    <div id="shadow_left"></div>  
    <div id="header">  
     <img id="banner" src="images/banner_test_2.jpg" />  
  
    </div>  
    <div id="shadow_right"></div>  
    </div>  
  
  
    <div id="rechts">  
     <div id="rechts_inhalt">  
      <img class="back" src="images/verlauf_rechts.png" />  
     </div>  
    </div>  
   </div>  
  
  </div>  
 </body>  
 </html>

Mfg der Pad

Beitrag melden
–
Informationen zu den Bewertungsregeln