Kleiner unschöner Abstand am Ende der Seite

pad8626

New member
Hi,

wie der Titel schon sagt hab ich aus irgend einen Grund den ich schon seit ner Woche suche einen kleinen etwa 5px großen Rand am unteren Ende meiner Seite.

Siehe hier :Testseite

Hier das CSS und HTML kann man sich ja so angucken

Code:
/*BEGIN Seiteneigenschaften */

*
{
   padding:0;
 margin:0;
}

html
{
 height:100%;
 background:#2b65bc;
}

body
{
 height:100%;
}




/*END Seiteneigenschaften */


/*______________________________________________________________________________________*/


/* BEGIN Farbübergänge_links_rechts */

#background
{
 height:100%;
 top:0px;
 position:static;
 z-index:20;
}

#links
{
 float:left;
 height:100%;
 width:50%;
}

#links_inhalt
{
 margin-right:390px;
 height:100%;
}

#rechts
{
 float:right;
 height:100%;
 width:49%;
}

#rechts_inhalt
{
 margin-left:379px;
 padding:0px;
 height:100%;
}

/* END Farbübergänge_links_rechts */



/*______________________________________________________________________________________*/


/*BEGIN Content_Container*/

#site
{
 margin:0px auto;
 width:780px;
 height:550px;
 position:absolute;
 top:0px;
 left:50%;
 margin-left:-390px;
 z-index:50;
}

#top_shadow
{
 width:780px;
 height:10px;
 position:relative;
 top:5px;
 background:url(images/top.png)
}


#container
{
  height:100%;
  width:100%;
  background:url(images/back.PNG);
}


#banner
{
  position:absolute;
  left:10px;
  top:10px;
  width:760px;
  height:130px;
}

#bottom_shadow
{
 width:780px;
 height:10px;
 position:relative;
 top:0px;
 background:url(images/bottom.png)
}


/*END Content_Container*/



/*______________________________________________________________________________________*/




.back
{
 width:100%;
 height:100%;
}

Danke schon mal im vorraushttp://www.pad8626.de/test
 
1.) In deinem Css fehlen ein paar Strichpunkte
2.) gib html und body ein padding: 0px und margin 0px;
3.) gib dem #background ein "overflow: hidden;"

Dann passt alles


***Edit: Wenn du an einem neuen Design Arbeitest, könntest du auch versuchen die "Content box" dynamisch in der Breite zu machen... nur so als Anregung ;)
 
Zuletzt bearbeitet:
Das overflow hidden ist genau das gewesen was ich gebraucht habe.

padding und margin 0 ist schon durch * abgdeckt .

die Semikolons hab ich ergänzt ;-) .

Und das mit dem dynamischen Container in der Mitte möchte ich nicht dafür hab ich dynamische Farbverläufe ;-)
 
Zurück
Oben