Ich habe so eine div box gemacht. Nun will ich ich mozilla firefox es so machen. Wenn ich jetzt da viel text reinschriebe. Soll die div box und demm entsprechend runtergehen. Wie mach ich das.
ich weiß ja nicht wie dein html Quelltext aussieht, aber so wie meiner dann bestimmt nicht wenn das nicht geht
[code]
test
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
ggggggggggggggg ggggggggg dddddddddddd ssssssss rrrrr d d ddddd ee
mmhhh, klär mich auf wenn ich falsch liege, aber wenn er 100% agibt dann ist ja immer 100%, egal wieviel text darin ist, sprich die Box wächst trotzdem kilometerweit nach unten wenn es sein muß.
Nimmt er hingegen ne feste höhe in px, so wirds natürlich nix und der text fließt heraus.
height: 100%; sind 100% vom Elternelement (in diesem Fall body). Das gilt für die meisten Blockelemente.
Da der Standardwert für Blockelemente bei den üblichen Browsern ist: overflow : visible;. Deshalb sieht es zunächst so aus, als ob das Element mitwächst.
Wenn mann dem Blockelement ein background-color oder border gibt, kann man das sehr gut sehen.
Der IE 6 hat ein Fehler in der Interpretation von height. Er stellt height als min-height da.
html, body {
height: 100%;
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
background-color: blue;
min-height: 100%;
}
/* nur für IE 5- 6 (Sternchenhack)*/
* html p {
height: 100%;
}
tja neuro, wie du ja sehen kannst hat seine css eine background-color, und da ich es nun mit seinem css und meinem Html gecheckt habe… mit wesentlich mehr text, kann ich zumindest sagen im IE7, FF, Opera und Safarie wächst alles sauber mit.
Hi csstester,
Das wird nur so angezeigt weil html und body keine Höhenangabe haben.
Das height: 100% von #container hat so keine Auswirkung.
Ich bin davon ausgegangen, dass height: 100% bewirken sollte, dass das Element über das gesamte Browserfenster gezogen wird und bei größerem Inhalt trotzdem mitwächst.
Irgend eine Ursache muß es ja haben, dass oTrack mit seinem Code nicht das gewünschte Ergebnis bekommt. Eine mögliche Ursache währe auch, dass ein umschließendes
mit einer Höhenangabe versehen wurde.
Dein Post hat sich für mich so gelesen, als ob height: 100% sich aus dem Inhalt von #container ergibt.
Die Prozentangabe bezieht sich aber auf das Elternelement.