CSS problem.

[Robbie Comeau]

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

 

[Tom Marshall]

Your width is going to be 860 no matter what size the browser window is. That's probably what's wrong with it.

 

[Robbie Comeau]

I figured it out but a different way.

Matt, what would I change the 860 to?

 

[Tom Marshall]

Who's Matt?

You would probably need to change it to be margin-left and margin-right.

 

[Matthew R. Rodwell]

This wasn't included in the $500?

 

[Tom Marshall]

This wasn't included in the $500?

I think it's for a different site, but maybe not?

 

[Matthew R. Rodwell]

I guess your right Matt ;P I hope so

 

[Tom Marshall]

lol. I think como is confused about a lot of stuff... :grin:

 

[DevonKrain]

Hey guys, I'm Matt. Devon's just my stage name.

 

[Tom Marshall]

Matt is probably a more "marketable" name... http://www.youtube.com/watch?v=rpWnauo6fmo

 

[Matthew R. Rodwell]

Why do you think I picked it, my real name is Biff Bifferson

 

[Robbie Comeau]

Sorry, I thought it was Matt that posted for some reason TOM.

Ya that was the problem.

This site is for my dad...

Thanks for the help.

 

[Tom Marshall]

No worries, Robbie. Glad it fixed the problem.