居中

ie css margin auto 不居中解决方案

强颜欢笑 提交于 2019-12-02 06:45:51
一般在将div居中显示时,使用css : divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下: <div id="cnbruce">margin: 0 auto 看看内容居中否</div> 如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body>”声明文本居中,即 <style> body{ text-align:center } #cnbruce{ width:500px; background-color: #ccc; margin: 0 auto } </style> <div id="cnbruce">margin: 0 auto 看看内容居中否(加了body文本居中)</div> 然后,单个div的CSS居中,非要扯上<body>? 于是在不采用“<body>”声明文本居中的情况下,将DOCTYPE声明加上,立马有效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style> #cnbruce{ width:500px; background-color: #ccc; margin:

iframe框架的居中、滚动条、多种浏览器、多个分辨率下所遇到的问题

醉酒当歌 提交于 2019-11-29 21:12:04
让iframe居中,让iframe不显示滚动条,并且在多个浏览器下和多种分辨率下不变形、都能正常显示。忙了很久总算有了点成果,期间几度崩溃(较菜无怪= = )。看了不少贴子,试了很多办法,在此总结如下,供给需要的人。 吾测试用的浏览器为 IE ,TT,Firefox,一个例子如下: ----------------------- <!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> <title>iframe tag test</title> <style type="text/css"> html,body,table,tr,td,div { width:100%; height:100%; overflow:hidden; margin:0px; } iframe { margin:0px; width:1003px; height:100%; overflow:hidden; } </style> </head> <body> <div style="text-align