keen
Hallo,
ich hab folgendes Problem, ich will ein 100% hohes div in einem 100% hohen div haben. Das innere wird allerdings nicht hoch..
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
|
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>bla</title>
<style type="text/css">
*{
padding:0;
margin:0;
border:0;
}
html, body {
height: 100%; /* wichtig */
color:white;
}
#box{
width:728px;
margin:0 auto;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;/* moderne Browser */
height:100%; /* IE */
background-color:brown;
}
#hoch{
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
background-color:green;
margin-top:14px;
margin-bottom:14px;
}
</style></head>
<body>
<div id="box">
<div id="hoch">
ich will hoch sein</div>
</div>
</body>
</html>
|
|
wisst ihr, woran das liegt, bzw. wie man das innere div hoch bekommt ( außer mit fester px zahl, das geht aufgrund des layouts nicht..)
Danke schonmal..
brainnrg
Hier, gilt für Firefox, Iexplorer 6 und 7, und Safari!
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
|
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>bla</title>
<style type="text/css">
html, body {
height: 100%; /* wichtig */
color:white;
padding:0px;
margin:0px;
text-align:center;
}
.box{
text-align:left;
width:728px;
margin:0px auto;
text-align:left;
height:100%; /* IE */
background-color:red;
padding:0px;
}
.hoch{
height:100%; /* IE */
background-color:green;
}
</style></head>
<body>
<div class="box"><br/>
<div class="hoch">ich will hoch sein</div>
</div>
</body>
</html>
|
|
keen
Sorry, dass ich jetzt erst antworte.. hab n paar probleme mit meinem pc..
Mh, das klappt so in meinem layout nicht, weil ich die äußere box eben so brauch wie ichs im code hatte, also mit relative und minheight..
mit deinem code enstehen auch scrollbars, was eigentl nicht sein sollte..
trotzdem danke, bzw. hast du noch ne andere idee ?
brainnrg
Nein, weil ich nicht weiß wie es genau aussehen soll bei dir!
Du hast nur gesagt das du beide boxen auf 100% brauchst, mehr nicht!
