[CSS] Div soll sich dem Inhalt anpassen

Stegaa · 7. April 2009

Div soll sich dem Inhalt anpassen

Hallo zusammen, habe ein großes Problem. Das "columnabout" Div soll, falls der Text zu lang wird, sich automatisch mit erweitern, damit sich der Text nicht mit dem Footer überlappt.

Hier das Shylesheet dazu:

Code:

 body {
 margin:0px; padding:0px;
 background-color:#11090a;
 font-family:Arial, Helvetica, sans-serif;
}

#container {
 background:url(images/background_main_two.jpg) no-repeat;
 min-height:800px;
 width:1000px; 
 position:relative; 
 
}

#content_right {
 position:absolute;
 left: 575px;
 top: 248px;
 
 width: 229px;
 border-bottom: solid thin grey;

}

.columnimpressum {
 position:absolute;
 top: 211px;
 left: 66px;
 width: 443px;
 
}

.columnabout {
 position:absolute;
 top: 211px;
 left: 66px;
 width: 443px;
 padding-right:40px;
 border-right:solid thin #674f5d;
 
}
.columnkontakt {
 position:absolute;
 left: 66px;
 top: 209px;
}
#column1 {
 position:absolute;
 top: 211px;
 left: 66px;
 width: 743px;
 
 
 
}

#inhalt {
 position:absolute;
 top: 323px;
 left: 512px;
 width:300px;

}

 #content { 
 padding-top:435px; 
 padding-left:85px; 
 width:815px; 
 
 color:#674f5d; 
 font-size:13px; 
 line-height:20px; 
}

 











#footer {
 border-top:1px solid #3f2324;
 padding:30px 50px 80px 50px;
 color:#674f5d;
 font-size:9px;
 line-height:14px;
}







#outside_container {
 background:url(images/background_slice.jpg) repeat-x #000000;
}

Und hier der HTML Code dazu:

Code:

 <body> 
 <div id="outside_container"> 
 <div id="container"> 
 
 
 <ul id="menu"> 
 
 <div id="content"> 
 
 <div class="columnabout"> 
 
 
 </div> 
 <div id="content_right">
 
 </div>
 
 
 
 
 </div>
 
 
 
 </div> 
 </div> 
 <div id="footer">
 <div id="links">
 </div>
 </div> 
 </body>

Ich habe es zurzeit damit ich wenigstens etwas habe , mit einer absoluten Angabe für Height gemacht, aber das ist 1. nicht gut und 2. nicht auf alle Browser anwendbar.

Würde mich sehr über Hilfe freuen!

Anzeige

SinErgy · 7. April 2009

AW: Div soll sich dem Inhalt anpassen

position: absolute muss raus. damit positionierst du die dinger fest auf einer oberfläche
bitte schau dir deine html-tags an... diese sind weder strukturell passig noch korrekt (siehe fehlendes </ul>

sobald du die fehler beseitigst, solltest du eine halbwegs vernünftige formatierung haben.

benutze zusätzlich die angabe : "float" um die container nebeneinander zu positionieren oder halt "clear", um diese übereinander darzustelllen. nähere infos findest du hier: CSS 4 You - The Finest in Stylesheets

Stegaa · 7. April 2009

AW: Div soll sich dem Inhalt anpassen

Danke schonmal für die Antwort!
Zu 1. Ok das werde ich naher einmal versuchen
Zu 2. Hab ich im Original drin, habe es hier nur vergessen rauszunehmen. Habe nur die wichtigsten Zeilen hier ins Forum gestellt.

Muss ich nun also den columnabout und das andere Div floaten und den Footer clearen?

SinErgy · 8. April 2009

AW: Div soll sich dem Inhalt anpassen

Kein Problem.

Genau, damit gibst du im Prinzip deren Verhalten bzw. Orientierung an.
Alternativ schau dir noch "display: block" bzw. "display: inline" an, an manchen Stellen sind auch diese Sachen nützlich.

Da du keine weiteren Angaben zur Höhe machst, sollte das div seine Größe an den Inhalt anpassen.

Stegaa · 8. April 2009

AW: Div soll sich dem Inhalt anpassen

Ich habe nun .columnabout { float:left;} und #content_right {float:right;} gesetzt. Dazu dann #footer {clear:left;}

Aber es will nicht funktionieren Habe auch schon beim footer clear:both; bzw clear:right; gesetzt.

Aber irgendwie stimmt da doch was nicht! Kann das an den zwei übergeordneten DIV's outside_container und container liegen?

Figaro10 · 9. April 2009

AW: Div soll sich dem Inhalt anpassen

außerdem achte auf das min-height. IE7 z.B. interpretiert es als height, was dazu führt, dass dein design nicht mehr fluid ist. wie meine vorredner schon gesagt haben: hau alle position:absolut raus... da kann sich ja nichts mehr bewegen.

die floatest am besten die ganze seite und machst nen clear:both mit dem footer. kleiner screen mit deinem gewünschten aufbau hilft manchmal auch wunder im board... hab ich gehört

viele grüße,

figaro

Stegaa · 10. April 2009

AW: Div soll sich dem Inhalt anpassen

Vielen Dank soweit, werd ich dann nacher mal versuchen und einen Screen hochladen.

Nützliche Suchen

[CSS] Div soll sich dem Inhalt anpassen

Videos zum Themenbereich