Tweet
hallo gemeinschaft
habe folgendes layout - wird leider nicht richtig dargestellt
im anhang ist es so, wie es dargestellt werden sollte
habe folgendes layout - wird leider nicht richtig dargestellt
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CssCreator-->HTML 4.01 Strict Template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
html, body{
margin:0;
padding:0;
}
#pagewidth{
max-width:880em;
}
#header{
position:relative;
height:150px;
background-color:#FF89FF;
width:100%;
}
#leftcol{
width:25%;
float:left;
position:relative;
background-color:#837F7F;
}
#maincol{background-color: #FFFFFF;
float: right;
display:inline;
position: relative;
width:;
}
#footer{
height:150px;
background-color:#897F99;
clear:both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
</style>
</head>
<body>
<div id="pagewidth" >
<div id="header" > Head </div>
<div id="wrapper" class="clearfix" >
<div id="twocols" class="clearfix">
<div id="maincol" > Main Content Column </div>
<div id="rightcol" > right Column </div>
</div>
<div id="leftcol" > Left Column </div>
</div>
<div id="footer" > Footer
</div>
</div>
</body>
</html>
Ohne zu wissen wie es aktuell ausschaut kann man dir nur allgemeine Tipps geben. Wie z.B. validiere den Quelltext. Ein Screenshot à la Soll/Ist wäre sehr hilfreich...
Moderator
Kommentar