{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 兄弟一词,经得起流年. 的问题《IE body width not working》','https://www.manongdao.com/q-730177.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I have the body element set to 840px and then margins auto:
body {
width: 840px;
margin: auto;
}
on FF, safari, and chrome this centers everything in the body of my site. However on IE (testing in IE9 currently) all of my divs that are set to 100% still expand to the whole width of the screen. In dev tools it still says that the body has width 840 but it does not constrict the rest of the elements.
What to do here?
IE doesn't support that ... To do such you can create a master "container" div for IE only and use an IE specific CSS file (that mozilla etc will ignore, so that div will have no bearing on your current design) to set the width of the DIV and to center it using
Include the IE only css like such
Limited, yes, but IE doesn't allow for body width to be set.
Use valid doctype like <!DOCTYPE HTML>