raven16
Lieutenant
- Registriert
- Nov. 2008
- Beiträge
- 580
Hi, wollte mal meine gesamte Page in die Mitte schieben...
Hab das mit margin-left:auto; und margin-right: auto; probiert, aber dies zeigt keine Wirkung. Weiß eine Lösung für mein Problem?
Hier meine CSS-Datei:
Hab das mit margin-left:auto; und margin-right: auto; probiert, aber dies zeigt keine Wirkung. Weiß eine Lösung für mein Problem?
Hier meine CSS-Datei:
Code:
html,body{
background-image:url(pictures/design/backgrounds/background4.jpg);
}
body.rand{
margin-top: 3%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
}
div{
position:relative;
}
html,div, span, a, table, td, form, img, li {
font-family: Arial, Verdanna, Genva, Helvetica;
border: none;
border-style:none;
}
/*div-mainobjekte*/
div.umrandungsbox{
padding:0;
height:100%;
width:800px;
}
div.bannerbox{
height:300px;
width:800px;
background-image: url(pictures/design/bannercb.GIF);
margin-bottom:0;
}
div.inhaltboxbalken
{
background-image:url(pictures/design/page/fieldset.gif);
height:20px;
width:800px;
}
div.inhaltbox{
width:800px;
background-color: #FFFFFF;
border-color: #000000;
}
div.menubox
{
float:left;
height:120px;
width:150px;
background-color: #FFFFFF;
margin-left:0;
padding-left:0;
padding:0;
margin:0;
clear:both;
}
div.textbox
{
float:left;
width:598px;
background-color:#FFFFFF;
margin-right:0;
margin-left:25px;
margin-right:25px;
padding-top:10px;
margin-bottom: 10px;
}
div.new{
clear:both;
}
div.copyright{
height: 20px;
width: 800px;
margin-top: 10px;
margin-bottom: 5px;
background-color: #FFFFFF;
}
div.bottom{
height: 20px;
padding: 0;
margin-bottom:10px;
}