Fenster zu 100% ausfüllen
fabian
- html
Hallo,
kann mir hier jemand sagen wie ich genau 100% des Browserfenster ausfüllen kann?
Per CSS mit height: 100%; hat es nicht geklappt für eine div-
Element. Aber wie machen das andere seiten das sie genau 100%
ausfüllen?
Die Elternelemente müssen auch 100% Höhe und Breite haben, also:
html, body {
height: 100%;
width: 100%;
}
Das kann übrigens sehr unschöne Effekte haben, sobald der Inhalt länger wird als das Browserfenster.
ja das hab ich auch schon versucht, aber es passt nicht!
html, body {
margin : 0;
padding: 0 0 0 0;
width : 100%;
height : 100%;
display: block;
}
.all {
margin : 0 auto 0 auto;
padding : 0 0 0 0;
width : 900px;
heigth : 100%;
display : block;
overflow : auto;
}
so hab ich das gemacht - nur leider funzt das nicht!
Moinsen,
nicht, dass das noch nie gefragt wurde....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Nav</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
html, body {height:100%}
#wrapper {
min-height:100%; /* für standardkonforme Browser */
width: 70%;
border: 1px solid #000;
}
* html #wrapper {
height:100%;/* für IE */
}
#eins, #zwei, #drei{
float: left;
width: 33%;
}
div{
background-color: #F00;
}
.clear{
clear: both;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="eins">test</div>
<div id="zwei">test</div>
<div id="drei">test</div>
<p class=clear"></p>
</div>
</body>
</html>
desweiteren:
http://d-graff.de/demos/selfhtml/kopfunddreispalten1.html
http://javascript.jstruebig.de/test/test-3-spalten.html