Ein schönes Anfängerproblem...

suncity

Aktives Mitglied
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>



//EDIT: 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;
}





Link zum Template:
>> Link von Moderator gelöscht << >> Layerads drauf <<
//EDIT: Sorry, wusste nicht, dass Links mit Ads verboten sind!

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

 
Poste doch die entsprechende CSS, dann kann man sich die Sache mal schnell per Drag and Drop ansehen.
Gruß Ronny
 
Zurück
Oben