Swinkid
31-07-2008, 01:42 PM
Hey all,
I want to center my Div layouts boxes, but every time i do, they go out of place like:
http://www.habbocafe.com/SITE/index.php
The only way i get them into place is to have this CSS:
body {
margin: 10px;
padding: 0px;
}
#container {
width: x-pixels;
height: auto;
margin: auto;
}
#marquee{
background: #0099FF;
width: 800;
}
#header {
background: #0f0;
width: 800;
}
#leftcol {
background: #f00;
width: 200;
background-position: left;
text-align: left;
}
#content {
background: #fff;
width: 600;
background-position: center;
text-align: center;
}
#footer {
background: #0f0;
clear: both;
width: 800;
}body {
margin: 10px;
padding: 0px;
}
#container {
width: x-pixels;
height: auto;
margin: auto;
}
#marquee{
background: #0099FF;
width: 800;
}
#header {
background: #0f0;
width: 800;
}
#leftcol {
background: #f00;
width: 200;
float: right;
}
#content {
background: #fff;
width: 600;
float: center;
}
#footer {
background: #0f0;
clear: both;
width: 800;
}
While having my contain box aligned to the left or removing it. But it aligns them to the left.
Note: the container is doing nothing atm
I want to center my Div layouts boxes, but every time i do, they go out of place like:
http://www.habbocafe.com/SITE/index.php
The only way i get them into place is to have this CSS:
body {
margin: 10px;
padding: 0px;
}
#container {
width: x-pixels;
height: auto;
margin: auto;
}
#marquee{
background: #0099FF;
width: 800;
}
#header {
background: #0f0;
width: 800;
}
#leftcol {
background: #f00;
width: 200;
background-position: left;
text-align: left;
}
#content {
background: #fff;
width: 600;
background-position: center;
text-align: center;
}
#footer {
background: #0f0;
clear: both;
width: 800;
}body {
margin: 10px;
padding: 0px;
}
#container {
width: x-pixels;
height: auto;
margin: auto;
}
#marquee{
background: #0099FF;
width: 800;
}
#header {
background: #0f0;
width: 800;
}
#leftcol {
background: #f00;
width: 200;
float: right;
}
#content {
background: #fff;
width: 600;
float: center;
}
#footer {
background: #0f0;
clear: both;
width: 800;
}
While having my contain box aligned to the left or removing it. But it aligns them to the left.
Note: the container is doing nothing atm