Ich versuche den ganzen Nachmittag meine Div Boxen zu positionieren, aber leider komm ich nicht wirklich weiter.
index.php
style.css
Aktuell stehen alle unter einander, aber ich möchte die textbereich-DIV neben die links-DIV und daneben dann die sidebar-DIV.
unter den 3 sollen dann die picture-DIV und die footer-DIV
index.php
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Test Website</title>
<meta charset="UTF-8" />
<meta name="description" content="Kurzbeschreibung" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="header"><?php include 'header.php'; ?></div> <!-- Ende Header DIV -->
<div id="main">
<div id="links">link<div id="linkbox_1">Link 1</div>
<div id="linkbox_2">Link 2</div>
<div id="linkbox_3">Link 3</div>
<div id="socialbox">social</div></div> <!-- Ende links DIV -->
<div id="textbereich">textbereich</div>
<div id="sidebar">sidebar</div>
<div id="zaehler">Besucherzähler</div>
</div> <!-- Ende Main Bereich -->
<div id="flt-clear"></div>
<div id="picture">picture</div>
<div id="footer">footer<?php include 'footer.php'; ?></div>
</div>
</body>
</html>
style.css
Code:
* {
padding: 0;
margin: 0;
}
body {
background-size: 100.5% auto;
background-attachment: fixed;
}
#wrapper {
width: 960px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
color: black;
}
#header {
border: 1px solid black;
}
#links {
height: 700px;
width: 150px;
border: 1px solid black;
margin-top: 10px;
}
#linkbox_1 {
height: 150px;
width: 100px;
border: 1px solid black;
margin-top: 15px;
margin-left: 24px;
}
#linkbox_2 {
height: 150px;
width: 100px;
border: 1px solid black;
margin-top: 15px;
margin-left: 24px;
}
#linkbox_3 {
height: 150px;
width: 100px;
border: 1px solid black;
margin-top: 15px;
margin-left: 24px;
}
#socialbox {
height: 150px;
width: 100px;
border: 1px solid black;
margin-top: 15px;
margin-left: 24px;
}
#textbereich {
height: 700px;
width: 730px;
margin-top: 15px;
border: 1px solid black;
}
#sidebar {
height: 620px;
width: 150px;
border: 1px solid black;
margin-top: 15px;
}
#flt-clear {
clear: both;
}
#picture {
height: 100px;
width: 960px;
border: 1px solid black;
}
#footer {
margin-top: 15px;
border: 1px solid black;
}
Aktuell stehen alle unter einander, aber ich möchte die textbereich-DIV neben die links-DIV und daneben dann die sidebar-DIV.
unter den 3 sollen dann die picture-DIV und die footer-DIV