Lara: Box Probleme mit Ausrichten und Grösse

SELF-Forum

Box Probleme mit Ausrichten und Grösse

Lara
– Informationen zu den Bewertungsregeln

Ich würde gerne so was ähnliches (http://www.4templates.com/view/low-budget-templates/1/AX0535BR) in  CSS verwirklichen.
Ich denke das es 4 Container/Boxen sind.
Der obere HEADER und der untere FOOTER
weiter der in der MITTE und dann der mit dem eigentlichen CONTENT

Hierbei habe ich das Problem wie bekomme ich es hin das der CONTENT Container so wie auf der Vorlage eingebledet wird, bzw. wie bekomme ich in in die Mitte des Bildes, und vor allem, wie mache ich es das wenn der CONTENT Bereich wächst auch der des MITTE Container mitwächst.

Fragen über Fragen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html><head><title>position</title>  
<style type="text/css">  
#header  
{  
	background: #000000;  
	height:150px;  
	width:800px;  
	margin: 0 auto;  
}  
  
#mitte  
{  
	background: #C0C0C0;  
	height:200px;  
	width:800px;  
	margin: 0 auto;  
}  
  
  
#footer  
{  
	background: #000000;  
	height:150px;  
	width:800px;  
	margin: 0 auto;  
}  
  
#content  
  
{  
	position:absolute;  
	top:130px;  
	left:300px;  
	width:600px;  
	height:70px;  
    background:#FF0000; }  
  
  
  
</style>  
</head><body>  
  
<div id="header">Header</div>  
<div id="mitte">Midle</div>  
<div id="footer">Footer</div>  
<div id="content">Content</div>  
  
</body></html>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Box Probleme mit Ausrichten und Grösse

    henman
    – Informationen zu den Bewertungsregeln

    hallo,

    [...] wie mache ich es das wenn der CONTENT Bereich wächst auch der des MITTE Container mitwächst.

    #content

    {
    position:absolute;
    top:130px;
    left:300px;
    width:600px;
    height:70px;
        background:#FF0000; }

    ich würde vorschlagen, du guckst dir nochmal an, was position:absolute; _genau_ macht. Nutzen tut es dir jedenfalls nicht in diesem Fall.

    Versuch es statt dessen doch mit negativen margins.

    grüße,
    henman

    --
    "Sir! We are surrounded!" - "Excellent! We can attack in any direction!"
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln