Corraggiouno
Mitglied
mein css-code:
Bin noch ein ziemlicher Anfänger was CSS betrifft. Aber vielleicht könnt ihr mir weiterhelfen.
Ich beschreibe dies mal im groben. Habe einen DIV-Bereich (box) und in diesem befindet sich ein erneuter DIV-Bereich (underbox). Wenn sich nun der Inhalt in der Box vermehrt, schiebt sich die Underbox nach unten. Bei reinen HTML-Tabellen wächst bzw. vergrüßert sich die Tabelle wenn sich der Inhalt vermehrt!
Wie kann ich das in CSS realisieren?
Code:
#box {
background: #CCC;
border: 1px solid #666;
font-family: Verdana;
font-size: 12px;
color: #333;
position: fixed;
width: 500px;
height: 600px;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -250px;
}
#underbox {
background: #red;
border: 1px solid #666;
font-family: Verdana;
font-size: 12px;
color: #333;
position: relative;
width: 400px;
height: 300px;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
Bin noch ein ziemlicher Anfänger was CSS betrifft. Aber vielleicht könnt ihr mir weiterhelfen.
Ich beschreibe dies mal im groben. Habe einen DIV-Bereich (box) und in diesem befindet sich ein erneuter DIV-Bereich (underbox). Wenn sich nun der Inhalt in der Box vermehrt, schiebt sich die Underbox nach unten. Bei reinen HTML-Tabellen wächst bzw. vergrüßert sich die Tabelle wenn sich der Inhalt vermehrt!
Wie kann ich das in CSS realisieren?