mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 11:20 Benutzername: Passwort: Auto-Login

Thema: [IE7 Problem] height in % vom 11.01.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [IE7 Problem] height in %
Autor Nachricht
deeesi
Threadersteller

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Do 11.01.2007 12:19
Titel

[IE7 Problem] height in %

Antworten mit Zitat Zum Seitenanfang

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 Lächel

http://www.desi-gn.de/forum/divtest.htm

Hoffe, mir kann geholfen werden.
Danke Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
haselnusstafel

Dabei seit: 27.06.2006
Ort: -
Alter: 57
Geschlecht: Weiblich
Verfasst Do 11.01.2007 12:38
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
deeesi
Threadersteller

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Do 11.01.2007 12:51
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel



//// wie erwartet funktioniert es im Projekt nicht.
Wenn ich die 100% aus dem body wegnehme, dann verschindet oben mein menü *Schnief*
muss ich weiter probieren


Zuletzt bearbeitet von deeesi am Do 11.01.2007 13:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
haselnusstafel

Dabei seit: 27.06.2006
Ort: -
Alter: 57
Geschlecht: Weiblich
Verfasst Do 11.01.2007 13:18
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 11.01.2007 14:11
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
deeesi
Threadersteller

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Do 11.01.2007 14:31
Titel

Antworten mit Zitat Zum Seitenanfang

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 Au weia!

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!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
haselnusstafel

Dabei seit: 27.06.2006
Ort: -
Alter: 57
Geschlecht: Weiblich
Verfasst Do 11.01.2007 15:02
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
deeesi
Threadersteller

Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht: Weiblich
Verfasst Do 11.01.2007 15:07
Titel

Antworten mit Zitat Zum Seitenanfang

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 Menno!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.