phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/
Code: Alles auswählen
top: 30%;
left: 30%;
....
wenn dein div 20% breit ist, dann bleiben 80% übrig, die rechts und links verteilt sind 40%Jack9027 hat geschrieben:aso und wie schaff ich es dann das die div ebene vertikal und horizontal in der mitte ist
Code: Alles auswählen
div.element
{width:800px;
height:500px;
position:absolute;
left:50%;
margin-left:-400px; //zentrieren
top:50%;
margin-top:-250px; //zentrieren }
Code: Alles auswählen
<body>
<div id="pageFrame">
<div id="header"><h1>Die Kulturtaschen</h1></div>
<div id="menu">test<br />blup<br /></div>
<div id="main">na<br />da<br />da<br />da<br />da</div>
</div>
</body>
Code: Alles auswählen
body
{
background-color: #ddd;
color: #000;
margin:0px;
}
#pageFrame
{
background-color: #fff;
color: #000;
border: solid 1px #000;
width: 760px;
margin:10px auto;
}
#header, #main, #menu {
border: dashed 0px #000;
}
#header {
border-bottom-width: 1px;
text-align:center;
}
#menu {
width: 100px;
float: left;
padding: 10px;
text-align:center;
}
#main {
border-left-width: 1px;
width: 619px;
padding: 10px;
}