Robbie Comeau
01-13-2008, 08:47 AM
I have a bunch of layers on my page (the one where you can click and drag and position it any where on the screen) then I fill it with some images...
I center it my self, by positioning it with my mouse. But when I change the width of the screen, the picture doesn't move with the screen, and I can understand that.
I have done all I could but I still can't get it to work.
I even made a variable inside my body.
<body>
<div id="box">
</body>
and in my CSS I have,
body
{
margin: 0;
padding: 0;
text-align: center; /* For IE */
}
#box
{
margin: 0 auto;
width: 860px;
border: 2px solid red;
}
Any help would be much appreciated.
Thanks,
Robbie
I center it my self, by positioning it with my mouse. But when I change the width of the screen, the picture doesn't move with the screen, and I can understand that.
I have done all I could but I still can't get it to work.
I even made a variable inside my body.
<body>
<div id="box">
</body>
and in my CSS I have,
body
{
margin: 0;
padding: 0;
text-align: center; /* For IE */
}
#box
{
margin: 0 auto;
width: 860px;
border: 2px solid red;
}
Any help would be much appreciated.
Thanks,
Robbie