Member Avatar for ON_Jtharpe

Hey guys I am having trouble with my CSS. I am doing work with Drupal and I am re-styling the CSS for the site. I have it laid out the way I want buy on some web browsers my wrapper or the center of the page where the content is does not proportion itself to the browser it is usually off to the right.

Here is the wrapper code. Let me know if you need any more info.

#wrapper {
  margin-top:50px;
  margin-right: 230px;
  margin-left: 230px;
  padding: 0 10px;
  width: 940px;
  background: #666666;
  border:solid #50021B 5px;

Thanks in advance,
Justin

  • 3 Contributors
  • 4 Replies
  • 92 Views
  • 12 Hours Discussion Span
  • Latest Post Latest Post by ON_Jtharpe

Recommended Answers

All 4 Replies

Member Avatar for floatingDivs

margin-left: auto;
margin-right: auto;

Member Avatar for teedoff

Not sure I am understanding your issue. Are you saying you want your site content centered in the browser no matter what the size?

If so then set your wrapper div to:

#wrapper {
margin: 50px auto 0 auto;
}

Edited by teedoff because: n/a
Member Avatar for ON_Jtharpe

Let me give an example the site is tmcphotographymaine.com viewed on a 1024x768 screen the content is centered however on my 13 inch mac air it is not. How can I make it center no matter the size.

Member Avatar for ON_Jtharpe

Never mind guys thank you teedoff that worked great!!!!!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.