Anmelden

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS: height-% + padding = mehr als seite


Xato
18-10-2006, 13:36
Hi leute,

sorry für den Kryptischen Titel, aber mir viel nix besseres ein.
Also, mein Problem:
Ich versuche eine Seite, die früher mehrere Frames hatte, und nun komplett auf div´s und css umgestellt werden sollte. Allerdings ist es bei der Seite wichtig, dass man nicht scrollen muss(nach unten). Also hab ich (vereinfacht), das hier gemacht:
<body>
<div id="oben"> text
<br> text
<br> text
<br> text
<br> text
<br> text
<br>
</div>
<div id="unten"> text
<br> text
<br> text
<br> text
<br> text
<br> text
<br>
</div>
</body>

und im css dann:


body, div
{
padding: 0px;
margin: 0px;
}
#oben
{
height: 80%;
}
#unten
{
height: 20%;
}


Das geht dann auch noch wunderbar, genau die Seite ist ausgefüllt. Wenn man aber in #oben oder #unten noch paddings reinbauen will, damit es schöner aussieht, wird die Seite zu groß. Also dir 100%+den Padding=sprengen den Bildschirm. Wie kann ich das verhindern???
Geht vielleicht so etwas in der Art wie:


#oben
{
padding-top: 10px;
padding-left: 10px;
padding-bottom: -10px;
padding-right: -10px;
}


Sodass es zwar gut aussieht(Text nicht direkt an Rand) aber nix übersteht??

Hoffe auf Hilfe :)

mfg
Xato
undefined
19-10-2006, 01:25
Das ist einer der Nachteile eines Box-Models.
http://www.w3.org/TR/REC-CSS2/box.html#mpb-examples
Ich Vermute mal das man dir Erzählt hat das man keine Tabellen mehr verwenden soll (Was im Übrigen genau so ein Gerücht ist wie - das Cookies Viren verbreiten :D ). Denn Tabellen haben eben ganau nicht dieses Problem mit Fließenden Text und einer Dynamischen Skalierung ;)
Xato
21-10-2006, 13:19
Hmmm. Also geht das mit div-tags alleine wohl nicht. muss ich dann tables nehmen oder geht das auch ohne? Naja, dass Cookies keine Viren verbreiten, is mir klar. ;) Aber ich dachte schon, dass man kein Layout nur aus Tabellen nehmen sollte.. Naja, mal sehen..