Ziemliches Anfängerproblem: Divs machen was sie wollen!

suncity · #1 (**permalink**) 01.11.2007, 14:16

Hallo Ayomer,

ich versteh es schon seit meinem letzten Template nicht (was ich dann doch irgendwie zusammengebastelt bekommen habe

):

Ich habe in meinem Template eine klare Struktur.
Jedes Div ist bei mir hierarchisch angeordnet. Trotzdem wird z.b. das Div maincontent, das dem Div page untergeordnet ist, ausserhalb von page angezeigt.

index.html:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body>

<!-- div for the page -->
<div id="page">
 
 <!-- div for the header -->
 <div id="header">
  <div class="titlesect"></div>
 </div>
 
 <!-- div for the maincontent section -->
 <div class="maincontent">
 
  <div class="left">Test</div>
 
  <div class="middle">Test2</div>
 
  <div class="right">Test3</div>
 
 <!-- end of maincontent -->
 </div>

<!-- end of page -->
</div>

</body>
</html>

template_css.css:

Code:

body{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*background-color: blue;*/
}

#page{
 width: 100%;
height: 100%;
background-color: #FFFFFF;
}

#header{
 width: 100%;
height: 100%;
}

.maincontent{
 border: 1px solid;
}

.titlesect{
 float: left;
left: 0;
bottom: 0;
}

.left{
 float: left;
width: 20%;
padding: 5px 5px 5px 5px;
margin: 0 5px 5px 5px;
border: 1px solid;
}

.middle{
 float: left;
width: 54%;
padding: 5px 5px 5px 5px;
margin: 0 5px 5px 5px;
border: 1px solid;
}

.right{
 float: left;
width: 20%;
padding: 5px 5px 5px 5px;
margin: 0 5px 5px 5px;
border: 1px solid;
}

Also ich versteh das nicht. Hat jemand eine logische Erklärung dafür?

heiko_rs · #2 (**permalink**) 01.11.2007, 14:20

CSS-Forum > FAQ > Punkt 2.

suncity · #3 (**permalink**) 01.11.2007, 14:50

Vielen, vielen Dank!

Und da sieht man mal wieder: Erst lesen, dann fragen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren	Alien	CSS	17	20.03.2011 10:23
n Div's in eine Zeile	Mustangore	CSS	9	20.08.2009 15:19
Höhenanpassung von divs	localex	CSS	1	21.11.2007 11:25
Divs nebeneinander, aber mittig	RomanM	CSS	2	24.10.2007 06:32
div bereich nach anderen divs ausrichten	pixel	CSS	0	03.02.2007 23:49