Div Container soll mitwachsen mit Text
Hallo,
ich bin noch recht neu in der css Materie. Ich erstelle gerade eine kleine Webseite mit html und css. Ich habe ein Problem mit dem Div container wo für den Text zuständig ist:
#containermiddle {
background-color:#F9F9F9;
border-color:#C8B7B7;
border-style:none;
height:500px;
margin:0 auto;
position:relative;
top:35px;
width:760px;
Wie kann ich diesem zuweisen das er sich automatisch vergrößert wenn der Text größer ist wie angegeben zb?
Schreib einfach height:100%;
mach daraus einheight:500px;
min-height:500px;
Gruß Marcel
Aktuell: Fragen und Anworten zur Mehrprachigkeit und Übersetzungen
Neuerungen in Joomla! 1.6 +mehr im Joomla-Wiki!
Hier mal das ganze css,
das height 100% erzeugt bei mir ein scrollbalken, der aber dann auch durch den footer durchläuft.
das min-height 500px; bringt gar keine änderung...
PHP-Code:<body>
<div id="mainhead"> </div>
<div id="containermiddle">
</div>
<div id="footer">
</div>
</body>
</html>
body {
background-image:url("./image/back.png");
color:#F3F3F3;
}
p.fliesstext {
font-weight:normal;
text-decoration:none;
}
p.headtext {
border-bottom-color:#666666;
border-bottom-width:1px;
color:#999999;
}
a:link {
color:#666666;
text-decoration:none;
}
a:visited {
color:#F3F3F3;
text-decoration:none;
}
a:hover, a:active {
background-color:#009933;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
#mainhead {
background:url("./image/header.png") repeat scroll 0 0 transparent;
border-color:#C8B7B7;
border-style:none;
height:120px;
margin:0 auto;
position:relative;
top:50px;
width:760px;
}
#containermiddle {
background-color:#F9F9F9;
border-color:#C8B7B7;
border-style:none;
height:500px;
margin:0 auto;
position:relative;
top:35px;
width:760px;
}
#con01 {
background-color:#666666;
border-style:none;
color:#CCCCCC;
height:65px;
left:0;
margin:0;
padding-left:80px;
padding-top:10px;
position:absolute;
top:0;
width:120px;
}
#con02 {
background-color:#666666;
height:65px;
left:200px;
margin:0;
padding-left:0;
padding-top:10px;
position:absolute;
top:0;
width:560px;
}
#con03 {
background-color:#F9F9F9;
border-style:none;
color:#999999;
height:60px;
left:80px;
margin:0;
padding-left:0;
position:absolute;
top:100px;
width:680px;
}
#con04 {
border-style:none;
color:#999999;
height:auto; '180px'
left:200px;
margin:0;
overflow:auto;
padding-left:120px;
padding-right:60px;
position:absolute;
top:150px;
width:500px;
}
#footer {
background-color:#CCCCCC;
border-style:none;
color:#666666;
height:30px;
margin:0 auto;
position:relative;
top:30px;
width:760px;
}
#f01 {
height:23px;
left:80px;
position:absolute;
top:7px;
width:100px;
}
#f02 {
height:23px;
left:200px;
position:absolute;
top:7px;
width:500px;
}
Link zur Seite?
Gruß Marcel
Aktuell: Fragen und Anworten zur Mehrprachigkeit und Übersetzungen
Neuerungen in Joomla! 1.6 +mehr im Joomla-Wiki!
http://www.sinn-flut.info/projekte/planA/index.html
siehe zb beim impressum...
Ja, wenn du mit position absolute arbeitest dann bleiben natürlich alle Elemente fest an ihrem Platz und du kannst nicht einfach einen Bereich vergrößern.
Entweder alle bewegen sich mit oder du musst für deinen content einen scrollbalekn akzeptieren.
ich bin ein absoluter anfänger und mach das zum ersten mal, was muss ich denn ändern damit sich das textfeld nach unten vergrößert je nach textgröße und der footer sich dann mitverschiebt?
Wo hast Du das Gerüst denn her? Ist ja ziemlich merkwürdig alles.
Bei intensivstation.ch findest Du sehr gute Vorlagen die auch für Anfänger geeignet sind.
Gruß Marcel
Aktuell: Fragen und Anworten zur Mehrprachigkeit und Übersetzungen
Neuerungen in Joomla! 1.6 +mehr im Joomla-Wiki!
hab ich alles selber zusammenkopiert / selbergemacht.
Kann man das nicht auf die schnelle ändern das der mittlere container mitwächst mit dem text und der footer sich dementsprechend nach unten verschiebt?
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen