Jump to content

Depending on Screen Resolution - Massive/Tiny Margin


Maccyjam
 Share

Recommended Posts

Hello,So I'm working on this site, and i'm fairly new to CSS. I have a main content area, with borders to the left and right. The left margin is consistantly sized but the right margin changes depending on the screen resolution/browser size.I'm thinking that if I centralised the main content the border size would stay the same but I'm unsure on how to do that.The site is located here if anyone would like to take a look: http://gmacgraphics.co.uk/TestingArea/index.htmlAny help would be greatly appreciated.Thanks in advance,

Link to comment
Share on other sites

??? do you mean centralise side bar and main contentuse margin: 0 auto; instead of margin: 0 10%;To centralise main content you would need to make wrapper fit whole screen width wise, use margin: 0 auto; for main content, and set min-width for wrapper to prevent main stacking under side bar, if screen width is reduced to much.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...