droidus Posted September 24, 2011 Share Posted September 24, 2011 i am trying to align content to the center, but it doesn't seem to want to center. is there any reason that this code wouldn't work? <div style="margin-left:auto; margin-right:auto; width:620px;"> Quote Link to comment Share on other sites More sharing options...
sunfighter Posted September 24, 2011 Share Posted September 24, 2011 Depends on what it's in. Put your div in a main div and it will be fine. <body> <div id="container" style="width:800px; height: 600px; border: blue solid 1px;"> <div id="centere" style="margin-left:auto; margin-right:auto; width:620px; height: 100px; border: red solid 1px;"> </div> </div> </body> Quote Link to comment Share on other sites More sharing options...
Frank P Posted September 24, 2011 Share Posted September 24, 2011 is there any reason that this code wouldn't work? Generally it is because the browser, IE usually, is in quirks mode, in which mode it doesn't render margin:auto. Make sure to have a valid and standards mode-eliciting doctype and nothing above it. Not even a comment. Quote Link to comment Share on other sites More sharing options...
droidus Posted September 25, 2011 Author Share Posted September 25, 2011 i have: <div style="margin-left:auto; margin-right:auto; background-color:#FF9; padding:15px; width:75%;"> <div style="margin-left:auto; margin-right:auto; width:620px;"> // then script code here... [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
Frank P Posted September 25, 2011 Share Posted September 25, 2011 How about the doctype/standards mode? Quote Link to comment Share on other sites More sharing options...
droidus Posted September 25, 2011 Author Share Posted September 25, 2011 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> Quote Link to comment Share on other sites More sharing options...
AyKay47 Posted September 25, 2011 Share Posted September 25, 2011 what browser are you using to view this code? margin: 0 auto; will work in most browsers except for IE as previously stated.. for IE you will need to use the "text-align" attribute on the body and divs of your content in order to display them as centered correctly.. Quote Link to comment Share on other sites More sharing options...
Frank P Posted September 25, 2011 Share Posted September 25, 2011 @droidus: You could save all of us a lot of time if you could either put it online, or post the whole code, in one code block, stripped of all irrelevant matters. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.