Du machst aus dem dort angegebenen css ein eigenes stylesheet und verlinkst es wie auf www.anja-gienger.de im Kwellcohd zu sehen.
Ich kann es drehen und wenden,wie ich will. Es klappt einfach nicht und ich glaube das liegt eher an mir, da ich sicher irgendwas nicht richtig eingebaut hab.
Hier nochma die Codes zur Durchsicht:
HTML:
<html>
<head>
<title></title>
<meta name="author" content="Christian Böhm">
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if lte IE 7]>
<link href="ie.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<div id="page">
<div id="logo" >
###TOP_LOGO###
</div>
<div id="main_menu">
###MAIN_MENU###
</div>
<div id="navigation">
###NAVIGATION###
</div>
<div id="content">
###CONTENT###
</div>
<div id="sub_menu">
###SUB_MENU###
</div>
<div id="copyline">
###COPYLINE###
</div>
</div>
</body>
</html>
CSS1:
div#page{
text-align: left;
margin: 0 auto;
width: 1024px;
padding: 0em;
max-width: 1024px;
background-color: rgb(255, 129, 123);
display:block;
}
div#logo{
width: 1024px;
height: 100px;
background-color: rgb(100, 200, 200);
display:block;
}
div#main_menu{
width: 1024px;
height: 20px;
background-color: rgb(100, 124, 123);
display:block;
}
div#navigation{
width: 147px;
height: 60px;
background-color: rgb(109, 133, 183);
float:left;
display:block;
}
div#content{
width: 850px;
min-height: 480px;
background-color: rgb(200, 200, 200);
display:block;
float:right;
}
div#sub_menu{
width: 147px;
height: 480px;
background-color: rgb(139, 200, 200);
display:block;
}
div#copyline{
width: 1023px;
height; 20px;
background-color: rgb(212, 120, 194);
clear:both;
font-size: 0.9em;
margin: 0;
text-align: center;
background-color: #fed; border: 1px solid silver
display:block;
}
CSS 2:
/*---------------------------------------------------------*/
/* Workaround: Clearfix-Anpassung für alle IE-Versionen */
/*
** IE7 - x
*/
.clearfix { display: inline-block; }
/*
** IE5.x/Win - x
** IE6 - x
*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*--------------------------------------------------------*/
Viele Grüße
Christian