Hallo zusammen,
ich möchte eine dreispaltige Website erstellen. Das Problem dabei ist das mein Contert-Div nicht zwischen den gefloateten Seiten erscheint. Hier mien Code:
HTML
*{
margin:0;
padding:0;
}
html, body{
width: 100%;
height: 100%;
}
#header{
height: 75px;
padding: 0;
}
#icon{
float:left;
margin:5px;
margin-right: 15px;
}
#title{
font-family:Arial;
font-size:45px;
padding-top:10px;
}
#menu{
clear:both;
float:left;
margin:10px;
width:100px;
}
.entry{
list-style: none;
}
#content{
float:left;
margin:10px;
display:inline;
}
#info{
float:right;
margin:10px;
width:100px;
}
#footer{
clear:both;
margin:10px;
}HTML
<!DOCTYPE html>
<html>
<head>
<title>Projektname</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<!-- <script src="js/background.js"></script> -->
<link href="css/layout.css" type="text/css" rel="stylesheet">
<link href="css/theme_probotions.css" type="text/css" rel="stylesheet">
<!-- <link href="css/theme_dark.css" type="text/css" rel="stylesheet"> -->
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="icon"><img src="images/json.svg" width="65" height="65"/></div>
<div id="title">Projektname</div>
</div>
<div id="menu">
<ul id="list">
<li class="entry">1.Eintrag</li>
<li class="entry">2.Eintrag</li>
</ul>
</div>
<div id="content">
<p>TExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextTExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt TextExt Text</p>
</div>
<div id="info">
Rechts
</div>
<div id="footer">
Fusszeile
</div>
</div>
</body>
</html>