div Problem

[magicfiete]

Hallo,

ich möchte eine HTML Seite vertikal sowohl oben, als auch unten an den Browserrahmen fixieren. Dazu habe ich einen container erstellt und zwei divs "content" und "footer". Das funktioniert soweit schon ganz gut. Mein Problem, wenn ich das Browserfenster in der Höhe skaliere, bleibt der Footer, wie gewünscht unten "kleben", reisst dann aber irgendwann eine weisse Lücke zwischen das Ende meiner Tabelle im Contentbereicht. Das Problem ist, das diese weisse Lücke sich horizontal über 100% erstreckt, wobei nur der Teil, in dem meine Tabelle ist, weiss sein soll, links und rechts davon soll eine andere Farbe stehen. Hat jemand eine Idee, was ich falsch mache ? Ich hoffe, dass war einigermaßen verständlich. Bin über jeden Hinweis dankbar.

Mein Script sieht wie folgt aus:

  
 <style type="text/css">  
  <!--  
   html, body {  
    height: 100%;  
   }  
   body {  
    margin: 0;  
    padding: 0;  
    background-color: #004a1c;  
   }  
   #container {  
    position: relative;  
    min-height: 100%;  
    background-color: #ffffff;  
   }  
   #content {  
    padding: 0px;  
    background-color: #004a1c;  
    padding-bottom: 0px;  
   }  
   #footer {  
    position: absolute;  
    bottom: 0;  
    padding: 0px;  
                                background-color: #004a1c;  
    width: 100%;  
   }  
  -->  
 </style>  

[suit]

Hat jemand eine Idee, was ich falsch mache ?

du versuchst eine fusszeile am unteren ende eines endlospapiers drucken - das ist defect by design ;)

wenn du diesen irrsinn dennoch verfolgen möchtest: viel spass

[magicfiete]

Auch wenn es Irrsinn sein sollte, ich habe den Container auf die Breite der Tabelle anpaßt und nun paßt das "Design", d.h. die Lücke wird mit der richtigen Farbe geschlossen. Mein jetztiges Problem, der Container läuft nicht mehr horizontal zentriert, sondern "klebt" am linken Browserrahmen. Gibt es eine Möglichkeit Ihn ohne width=100% wieder zentriert laufen zu lassen ? Beispielsweise mit align:center o.ä. ??? Entschuldige die möglicherweise simplen Fragen, aber ich quasi Newbie...

  
 <style type="text/css">  
 <!--  
  <!--  
   html, body {  
    width: 100%;  
    height: 100%;  
   }  
   body {  
    margin: 0;  
    padding: 0;  
    background-color: #004a1c;  
   }  
   #container {  
    position: relative;  
    min-height: 100%;  
    width: 763px;  
    position: relative;  
    background-color: #ffffff;  
   }  
   #content {  
    padding: 0px;  
    background-color: #004a1c;  
    padding-bottom: 0px;  
   }  
   #footer {  
    position: absolute;  
    bottom: 0;  
    padding: 0px;  
    width: 100%;  
    background-color: #004a1c;  
   }  
  -->  
 </style>  

[suit]

zum zentrieren von blockelementen verwendet man üblicherweise den wert "auto" für die eigenschaft margin

ob das in deinem fall zielführend ist oder nicht, kann ich nicht sagen

[magicfiete]

1000 Dank, es funktioniert !