CSS预览与实际不符（求大神帮忙）

用CSS预览的效果是好好的。。但i用IE 或者浏览就变样了。。求大神帮助吧代码之类的也不是很懂。菜鸟刚学。帮我调试下吧。及着交作业（源代码的我不大会看，，把有问题的都贴出来吧）

<tr> <td height="744" colspan="4"><table width="100%" border="1" align="center" cellpadding="4" cellspacing="4" id="apDiv1" name="apDiv1"> <tr> <td width="404" rowspan="3"><a href="http://www.ptxw.com/photo/sypd/20140415/96.html"><img src="QQ图片20140420012505.jpg" width="400" height="300" /></a></td> <td width="373" bgcolor="#006600">热点新闻</td> <td width="72" bgcolor="#006600"><a href="http://www.ptxw.com/">更多>></a></td> </tr> <tr> <td height="33" colspan="2" bgcolor="#FFFFFF"><span id="txtTitle">市社科联举行党的群众路线教育实践活动征求意见座谈会</span></td> </tr> <tr> <td height="34" colspan="2" bgcolor="#FFFFFF">本网讯今天（4月15日）下午，莆田市社科联在万隆古玩城举行党的群众路线教育实践活动征求意见座谈会。来自市诚信促进会、市金融学会、市工商行政管理学会、市综治协会、市税务学会、市统计学会、市收藏家协会、市蔡襄研究会、莆田南少林研究会、莆田玉皇文化研究会、莆田姓氏源流研究会等专家学者数十人参加了座谈会。与会的社科界学者、专家围绕我市当前正在开展的群众路线教育活动畅所欲言，总结经验特色，分析问题不足，提出了对策和建议。（本网记者黄开兴）</td> </tr> </table> <table width="100%" height="376" border="1" align="center" cellpadding="4" cellspacing="4" id="apDiv3" name="apDiv3"> <tr> <th height="49" colspan="2" bgcolor="#336600" scope="col">景点展示</th> <th width="31%" bgcolor="#336600" scope="col"><a href="http://www.ptxw.com/">更多>></a></th> </tr> <tr> <td width="35%" bgcolor="#CC9900"><img src="2222.jpg" width="280" height="160" alt="湄洲岛" /></td> <td width="34%" bgcolor="#CC9900"><img src="3333.jpg" width="280" height="160" alt="南少林" /></td> <td bgcolor="#CC9900"><img src="44444.jpg" width="280" height="160" /></td> </tr> <tr> <td bgcolor="#CC9900"><img src="55555.jpg" width="280" height="160" /></td> <td bgcolor="#CC9900"><img src="77777.jpg" width="280" height="160" alt="凤凰山" /></td> <td bgcolor="#CC9900"><img src="666666.jpg" width="280" height="160" alt="凤凰山" /></td> </tr> </table></td> </tr></table><p> </p><script type="text/javascript">swfobject.registerObject("FLVPlayer");</script></body>

举报该文章

其他看法

第1个回答 2014-04-20

你这个用的是表格布局，也不是没有css，只是你把css的代码全部写在标签里面，建议你将页面和css、js分开来写，最后将文件路径引进页面就可以了，这样可能稍微好些！

下面这张图是我用PPT给你这个画了个草图，如果画得不好，请见谅！

#是css获取id属性的，所以我用#标识的都是标签里面的id属性，全部都是div布局，在css文件里面，分别对这些属性进行样式控制，包括边框、高宽、颜色、是否添加滑条等等，就不会想表格布局那麻烦！

追问

感觉。。没看懂、、呜呜。我只是刚学的。

追答

我左边有标注，标注颜色和方框颜色相同的就是标注的它。右边每一个方形都是一个div标签。用css去控制每一个方框的位置大小，就可以实现你图中的那个效果。你可以用一个网页、一个css文件测试一下效果。

比如，设置最大的容器方框高500px;宽800px;

在css文件里面写#container{width:800px;height:500px;background-color:red}

我设置了背景颜色为红色，这样才能看出效果，不然看不到颜色。

在index.html页面就按照布局设计图来写：

<div id="container">这里是最顶层容器，第一层
    <div id="top">这里是上边层，第二层
        <div id="left">这里是上边的左边层，第三层
                ..........其他就不写了
        </div>
        <div id="right">这里是上边的右边层，第三层
                .........其他就不写了
        </div>
    </div>
    <div id="down">这里是下边层，第二层
            .........其他就不写了
    </div>
</div>
最后在页面的<head></head>之间加上css文件的路径将其导进来:
<link href="my.css" rel="stylesheet" type="text/css"/>
这里面的id的值和设计图是一致的。如果这都还看不懂的话，建议你先去学学。

第2个回答 2014-04-20

这不是css,表格布局已经很落后了

CSS预览与实际不符(求大神帮忙)
你这个用的是表格布局，也不是没有css，只是你把css的代码全部写在标签里面，建议你将页面和css、js分开来写，最后将文件路径引进页面就可以了，这样可能稍微好些！下面这张图是我用PPT给你这个画了个草图，如果画得不好，请见谅！是css获取id属性的，所以我用#标识的都是标签里面的id属性，全部都是...

使用css时为什么设计的效果与实际的浏览效果不一样,该怎么解决啊...
1类内部Hack：比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等 2选择器Hack：比如 IE6能识别*html .class{}，IE7能识别*+html .class{}或者*:first-child+html .class{}。等等 3HTML头部引用(if IE)Hack：针对所有IE：<...

急!!! 做网页本来好好的预览的时候文字就错位了大神告诉我怎么...
做和预览是　不一样的比如在dw　做　在浏览器看　效果都不一样　说明你的css 没写好

在vs中,div和css样式都写好了,预览时却不显示css修饰的样式?
这个问题我前几天也遇到了,那是因为你保存CSS的时候,格式不对,你把CSS打开,然后复制到记事本里,然后把格式ansi改为UTF-8再保存一次就可以,希望可以帮到你

Dreamweaver预览与实际的不一样,求救!!
默认情况背景是随着窗口大小自动填充的，你要想控制宽度和高度最好用CSS样式控制

用DREAMWEAVER做网页时,为什么实际尺寸和预览效果差别那么大?_百度...
你可以用DW里的测试功能来看下，就是预览往左边隔着的一个按钮，测试后最下角会提示里错误的问题及原因所在，再来根据提示作出修改；我个人感觉是你的设置不当造成的，具体也说不清楚，没有直观的看见，你应该发个图片来看看的～！

css代码写好后怎么预览
CSS本身并不能直接预览的，必须把它跟实际的网页结合才能呈现效果。就好像装修房屋，CSS就像是装修的计划书和设计图纸，比如它可能记载了：客厅的天花板用什么样的颜色、卧室的床用多大的、卫生间的洗浴设备用什么牌子的……等等诸如这些，但是，光有这些并不能说就装修完了是吧？你必须按照计划书逐步把...

请高手指教:我用Dreamweaver制作网页时,用同样的CSS样式制作的在预览时...
不是在dw中好好的，而是压根就不正常。DW是个编辑器，你用它预览不好使，得用浏览器验证。DW的可视化编辑只是为了快速开发，不是真正的所见即所得模式。而且，那个是给新手用的，老手只用代码模式。因为对于隐藏元素和浮动元素，DW的设计模式根本不显示。而稍微好看点的必然会用到浮动和隐藏。以后你写...

dreamweaver显示效果与实际预览的不同
在dreamweaver中的页面定位是一个理论上的定位，实际预览时，会因为浏览器的不同（主要是不同浏览器对一些css的属性支持不同，不同的浏览器对像素尺寸处理也不同），显示的效果有所偏差，这很正常。设计者在设计时一般都是先在自己最习惯的浏览器下实现布局，然后才回去考虑其他浏览器的兼容性 ...

为什么我做的网页在dreamweaver编辑器预览的效果和在网页中浏览的效果不...
这个太正常了，不同浏览器对网页代码的编译结果都不一样。ie6、ie7、ie8、还有火狐，都不一样。dreamweaver显示的内容和ie6相近。特别是当你的代码不规范，定义的内容有冲突的时候，不同浏览器会选择忽略不同的错误。

相似回答

大家正在搜