Autor |
Nachricht |
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Do 11.01.2007 12:19
Titel [IE7 Problem] height in % |
|
|
Hallo!
Ich habe auch ein Problem mit dem IE7.
Man nehme 2 DIVs übereinander und gebe beiden eine %-Höhenangabe.
Füllt man den Oberen mit mehr Content als auf den Bildschirm passt, rutscht der untere DIV nach unten und wird erst beim runterscrollen sichtbar bei FF und IE6 (wie gewünscht).
Der IE 7 zeigt den unteren DIV im Fenster an und der Inhalt geht darunter weiter.
Schwer zu beschreiben, schaut euch das Beispiel an
http://www.desi-gn.de/forum/divtest.htm
Hoffe, mir kann geholfen werden.
Danke
|
|
|
|
|
haselnusstafel
Dabei seit: 27.06.2006
Ort: -
Alter: 57
Geschlecht:
|
Verfasst Do 11.01.2007 12:38
Titel
|
|
|
ich hoffe, dass Problem richtig erkannt zu haben, Du willst dass es nicht aus dem schwarzen div herausläuft sondern ihn lang zieht.
Dann solltest Du keine Höhenangaben für den div setzen. Ausserdem wozu waren die relativen Positionierungen. Ich hab die mal rausgenommen und jetzt gehts. Ich hoffe es ist so wie Du es wolltest.
<style>
body{
margin:0;
padding:0;
color: #666666;
}
#oben{
height: 75%;
background-color: #000000;
margin:0;
padding-bottom:-10px;
}
#content{
}
#unten{
background-color: #ff0000;
color:#C1402B;
height: 10em;
}
</style>
</head>
<body>
<div id="oben">
<div id="content">
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>vdfsv<br>
</div>
</div>
<div id="unten">
vadfb
</div>
</body>
</html>
|
|
|
|
|
Anzeige
|
|
|
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Do 11.01.2007 12:51
Titel
|
|
|
ja, richtig verstanden.
ich habe das aus einem kompletten projekt herauskopiert, deshalb sind da noch für den test "unnötige" angaben drin
ich hab jetzt einfach getestet und wenn ich nur das height: 100% aus dem body rausnehme, gehts.
allerdings muss ich dann beim "unten" 10em schreiben.
wie verhält sich dieses 10em im vergleich zu 20%, die ich da vorher hatte?
ich hoffe, wenn ich das in das komplette projekt einsetze, dass mir nicht alles um die ohren fliegt...testen
danke schön schon mal
//// wie erwartet funktioniert es im Projekt nicht.
Wenn ich die 100% aus dem body wegnehme, dann verschindet oben mein menü
muss ich weiter probieren
Zuletzt bearbeitet von deeesi am Do 11.01.2007 13:02, insgesamt 1-mal bearbeitet
|
|
|
|
|
haselnusstafel
Dabei seit: 27.06.2006
Ort: -
Alter: 57
Geschlecht:
|
Verfasst Do 11.01.2007 13:18
Titel
|
|
|
eine Höhenangebe in % bezieht sich immer auf den Wert des übergeordneten Elements. Da wir die Höhenangabe da herausgenommen haben, fällt also der Bezug auch weg und eine % Angabe funktioniert nicht mehr. Eine Angabe in em ist etwas statisches. sozusagen.
Bei soviel Inhalt empfiehlt es sich auch nicht eine Höhenangabe zu machen. Es sei denn, man will dass der Div selbst scrollt. Aber ansonsten bin ich mit Höhenangaben vorsichtig, weil sonst die Gefahr besteht bei Schriftvergrosserung dass es auch wieder unten raus läuft.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 11.01.2007 14:11
Titel
|
|
|
Versteh das nicht ganz - willst Du es so haben?
(für kleiner IE7 bräuchte es dann noch eine Weiche -
weil die ja kein min-height verstehen).
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
html {
height:100%;
}
body {
height:100%;
margin:0;
padding:0;
color: yellow;
}
#oben{
position:relative;
width: 100%;
height:auto;
min-height: 75%;
background-color: red;
}
#unten{
position:relative;
width: 100%;
height: 20%;
background-color: green;
color:#C1402B;
}
</style>
</head>
<body>
<div id="oben">
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />vdfsv<br />
</div>
<div id="unten">
vadfb</div>
</body>
</html> |
|
|
|
|
|
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Do 11.01.2007 14:31
Titel
|
|
|
joa, das kommt schon in etwa hin.
aber der IE6 machts einwandfrei (nur im Projekt)...nur der FF macht bei kleinerem Inhalt das "unten" DIV höher als es sein soll
in meiner testseite machen den Fehler FF UND IE6...verwirrend
naja, hab noch anderes zu tun...häng mich da später nochmal intensiv rein...vielleicht hat ja noch jemand vorschläge wie ich se alle unter einen hut bekomme *grml*
Danke euch!
|
|
|
|
|
haselnusstafel
Dabei seit: 27.06.2006
Ort: -
Alter: 57
Geschlecht:
|
Verfasst Do 11.01.2007 15:02
Titel
|
|
|
wie jetzt.....
Du hast doch alle unter einem Hut es sieht doch überall gleich aus. Oder was ist noch verkehrt?
Das versteh ich jetzt nicht. Und die anderen sollen sich Gedanken machen mit dem Wissen, dass Du momentan sowieso nicht mehr bei der Sache bist.
Na schönen Dank!
|
|
|
|
|
deeesi
Threadersteller
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Do 11.01.2007 15:07
Titel
|
|
|
nein, der FF geht nicht
mal bitte nicht gleich so unfreundlich...ich habe nur gesagt, dass ich das Problem um 2-3 Stündchen verschiebe, weil mir noch andere - wichtigere - dinge dazwischen gekommen sind
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Problem (min/max-height/width im IE)
CSS - Layout height Problem
Footer, Min-Height - das Problem was alle haben...
[CSS] Height hin, Height her - Größe von DIV's
css: min-height bei IE 6
Div 100% Height
|
|