New Comer (less than 5 posts)
need help with css margin
hi
I am trying to put content_wrapper div in the center of the browser. It works for Chorme, Firefox, Opera, safari but it does not work for IE 8. Here is my css
Help PleaseCode:body { font-size: 12px; font-family: Arial, Helvetica, sans-serif } #content_wrapper { width: 1000px; margin: 0 auto; border: 1px solid #000000 }
Global Moderator
Usingmargin: 0 auto;when specifying the width is the way to do it. In IE though this also requires a standards invoking DOCTYPE. I usually use the HTML 5 DOCTYPE. You can use any of the standards invoking DOCTYPES that can apply to your page that are covered here (the HTML 5 one is first):
http://www.javascriptkit.com/howto/doctype.shtml
In case you don't already know, a DOCTYPE is the very first thing in the HTML source code of a page, right before the opening <html> tag, even before any comments. It tells the browser certain things about how to render the page. It tells some browsers more things than others (example IE), but it tells all browsers some things. So the rest of your page may or may not render differently after invoking standards. If it does, it's generally better to fix that than to revert to non-standard (Quirks) mode, as quirks vary much more widely among browsers than do standards.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Posting Permissions
Reply With Quote
Bookmarks