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;"> Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/ 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> Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272378 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. Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272400 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] Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272507 Share on other sites More sharing options...
Frank P Posted September 25, 2011 Share Posted September 25, 2011 How about the doctype/standards mode? Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272554 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> Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272569 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.. Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272580 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. Link to comment https://forums.phpfreaks.com/topic/247758-css-aligning/#findComment-1272586 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.