✔ Kein margin-bottom bei Div-Box

Status
Nicht offen für weitere Antworten.
X

x3n

Hallo ich bin dabei ne tabellenlose Page zu gestalten.
Das klappt auch ganz gut, jedoch hab ich ein Problem, wenn die Page in der vertikalen so hoch wird, damit der Scrollbalken benutzt werden muss, wird unten kein Aussenabstand angezeigt. Die Div Box geht einfach bis nach ganz unten durch.
Hier der Code:

Code: 
<style type="text/css">

    html
    {
    height:100%;
    }
    
    body
    {
    height:100%;
    background-color:#cccccc;
    margin:1% 12% 1% 1%;
    padding:0;
    }
      
    div#kopfleiste
    {
    height:127px;
    background-color:#ffffff;
    background-image:url(hg_kopfleiste.gif);
    background-repeat:repeat-x;
    padding:0%;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    }
    
    #gesamt
    {
    background-image:url(hg_gesamt.gif);
    background-repeat:repeat-x;
    background-color:#ffffff;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    padding:10px;
    }
   
    #navigation
    {
    width:160px;
    background-color:#ffffff;
    padding:10px;
    float:left;
    margin:0;
    }
   
    #inhalt
    {
    background-color:#ffffff;
    padding:0%;
    margin-left:180px;
    border-left:1px solid #cccccc;
    min-height:500px;
    padding:10px;
    }
    
  </style>
 
</head>
<body>

  <div id="kopfleiste">
  <img src="header.gif" />
  </div>
  <div id="gesamt">
  <div id="navigation">
 
    <div class="navipunkt">A</div>
    <div class="navipunkt">B</div>
    <div class="navipunkt">C</div>  
    <div class="navipunkt">D</div>  
    <div class="navipunkt">E</div>   
  </div>
  <div id="inhalt">
  TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
  </div>
  </div>

Den Aussenabstand hab ich im Bodytag festgelegt.
Wenn ich ihn z.B. in der Div-Box "Gesamt" festlege, ändert sich auch nix.
Vielleicht ist es ein ganz simples Problem das ich habe, aberi ich komm net damit zurrecht.

Vielen Dank schonmal im vorraus.
 
Probier's mal mit dem Innenabstand padding für das body -Element:

Code: 
body
    {
    height:100%;
    background-color:#cccccc;
    padding:1% 12% 1% 1%;
    }
 
Entferne den Selektor html aus dem Stylesheet und versuche es nochmal mit der margin-Eigenschaft.
 
Jetzt geht es zwar, aber streng genommen ist das ganze nun nicht mehr strict, oder? Ach, druf gschisse.
Naja trotzdem vielen, vielen Dank. :)
 
Wenn es funktioniert, dann markiere das Thema bitte durch einen Klick auf den 'Status-Button' rechts unterhalb des letzten Beitrags als 'erledigt'.

Vielen Dank ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück