• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Seite hat wirklich 100% Höhe und Breite

Status
Für weitere Antworten geschlossen.
L

lukatsch

Guest
Seite hat wirklich 100% Höhe und Breite

also,da ja divs eigentlich viel praktischer sind als Tabellen hab ich mir die mal näher angeschaut.Soweit so gut,Positionierung geht auch schon ganz gut :wink: .Aber es bleibt immer ein weißer rand wenn ich eine seite mache.
hier mal ein beispiel
 
Vielleicht benutzt lukatsch ja den IE. Der knallt einem immer noch drei Pixel oder so rein. Warum, weiss ich nicht. Geht folgendermassen weg:
Code: 
body
{
margin: 0px;
padding: 0px;
left: 0px;
right: 0px;
}
Ob da noch position: absolute; rein muss, weiss ich nicht und kann es momentan leider nicht ausprobieren.
 
ging mit ingoS methode.hab aber inzwischen ein anderes problem: ich will einen div darüber platzieren.geht auch,aber nur im firefox ! also hier mal der code zum besseren verständniss:
Code: 
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="div.css">
</head>
<body >
<div class="Banner">
Banner
</div>
<div class="Navi">
Navi</div>
<div class="Seiteninhalt">
Seiteninhalt</div>
<div class="Test">
Test
</div>
</body>
</html>
das war die html-datei,bei der im bereich div eigentlich nichts falsch sein dürfte :wink:
und hier die css datei:
Code: 
body {
      margin: 0px;
      padding: 0px;
      left: 0px;
      right: 0px;
     }
.Banner {
         top:0px;
         left:0px;
         height:20%;
         width:100%;
         margin-top:0px;
         background-color:black;
         border:1px;
         border-color:yellow;
         z-index:2;
         }
.Navi {
         height:10%;
         width:20%;
         margin-top:2px;
         background-color:yellow;
         border:1px;
         border-color:gray;
         float:left;
         z-index:2;
         }
.Seiteninhalt {
         height:100%;
         width:80%;
         margin-top:2px;
         background-color:fuchsia;
         border:1px;
         border-color:yellow;
         float:right;
         z-index:2;
         }
.test {
         position:absolute;
         height:100px;
         width:100px;
         top:10%;
         left:50%;
         background-color:yellow;
         border:1px;
         border-color:yellow;
         float:right;
         z-index:1;
         }
so,das wärs wie kann ich das jetzt IE-tauglich machen (in der css datei ist vermutlich bei test irgendwas falsch ) ?
thx for answers
 
yo,hab ich mir auch gedacht.deswegen hats mich ja auch erstaunt dass es im
IE nicht geht :?
kann mir wirklich keiner weiterhelfen ?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben