div container 100%
0 0 0 0 0 0 
at
0
div container 100%
Hallo Forumleser,
ich möchte gerne ein Container haben, der 100% als Mindesthöhe hat. Falls der Text größer ist, soll der Hintergrund aber weitergehen.
Dies habe ich nun geschafft, nur das Problem derzeit ist, das in dem div noch ein div ist und das nimmt leider nicht die eigenschaft an :(
Aktueller Code ist:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equic="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<title>Branchenfilter für KlickTel</title>
<style type="text/css">
body, html
{
height: 100%;
margin: 0px;
padding: 0px;
}
#container {
background-image: url(./im/main_bg.jpg);
background-repeat:repeat-y;
width:760px;
min-height:100%;
margin: 0px auto;
}
#main {
margin: 0px auto;
width: 648px;
min-height:100%;
border-color:#905F30;
border-width:thin;
border-left-style:dotted;
border-right-style:dotted;
}
</style>
</head>
<body>
<div id="container">
<div id="main">
a<br>
a<br>
a<br>
a<br>
a<br>
a<br>
a<br>
a<br>
</div>
</div>
</body>
</html>
Das heißt die Dots hören Genau beim text auf.
Weiß jemand Rat?
mfg steffen
-
Wenn du das Eltern-Div mit
position: absolute;formatierst, sollte es klappen!
-
Hallo,
leider nein klappt nicht. Nun stellt er den div-Container sogar nicht mehr mittig dar, sondern linksbündig. Noch dazu ist der 2te div immernoch in der gleichen Höhe.
steffen
-
Tag,
hab's mal kurz ausprobiert:
#container { position: absolute; z-index: 1; min-height: 100%; background-color: red; background-repeat:repeat-y; width:760px; margin: 0px auto; } #main { position: absolute; z-index: 2; margin-left: 40px; width: 648px; min-height:100%; border-color:#905F30; border-width:thin; border-left-style:dotted; border-right-style:dotted; background-color: blue; }damit hatt's bei mir geklappt!
Grüße.
-
Hallo,
Nee, diese Lösung ist doch nicht gut!!
Weil das (bei mir) rote div sich nicht dem blauen anpasst, wenn dieses seine Größe ändert. -
Hallo Donny,
ja nun klappt es mit den 100%, aber nun sind die divs nicht mehr mittig :(
steffen
-
-
-
-
-
meinst du sowas?
http://gut.lv/beispiel/stickself.htmldass dies auf meinem monitor zum kotzen (sorry) aussieht (nein, nicht wegen der farben) hab ich schon mal gesagt oder?
das ganze ist übrigens ein großes do-not ;)
-
hoi suit,
ja, das hast du schon gesagt, aber wenn man will so ein layout mit height:100%, was zu machen?
Inita
-
ja, das hast du schon gesagt, aber wenn man will so ein layout mit height:100%, was zu machen?
dein vorhergehender satz ist zwar nicht deutsch, aber ich vermute du meintest
"wenn man so ein layout will, was soll man machen?"
dann gibt es mehrere möglichkeiten:
- falsche beratung beim kunden, man hat ihm nicht erklärt, dass es unsinn ist, printlayouts im web umzusetzen
- man hat selbst falsche vorstellungen von html-dokumenten und wurde
a) selbst nicht richtig beraten
b) hat sich selbst nicht richtig mit der materie auseinandergesetzt
-
Hallo.
- man hat selbst falsche vorstellungen von html-dokumenten und wurde
a) selbst nicht richtig beraten
b) hat sich selbst nicht richtig mit der materie auseinandergesetzt
c) von jemandem beraten, der meint, HTML-Dokumente müssten ein bestimmten Aussehen haben
d) von jemandem beraten, der meint, HTML-Dokumente dürften ein bestimmtes Aussehen nicht haben
e) von jemandem beraten, der meint, HTML-Dokumente hätten ein Aussehen
MfG, at - man hat selbst falsche vorstellungen von html-dokumenten und wurde
-
ja, das hast du schon gesagt, aber wenn man will so ein layout mit height:100%, was zu machen?
damit auch andere etwas davon haben: so sieht das auf einem pivot-monitor aus, tolle und lästige sache - gibt auch noch welche mit größeren auflösungen/abmessungen als meiner - von der seite: footer am boden schlechte idee
-
-
-
