DIV+CSS页面窗口缩放导致DIV框架变形变形,刷新可恢复, 求大侠帮忙解决。谢谢

这是窗口缩小的时候
这是窗口大化的时候。
刷新又恢复了。

边栏的位置估计是js控制的吧。解决方法的话。如果用js解决 ,就如anhuiheliang所说的用window.onresize事件来控制。使用css控制的话。可以用个div把所有内容包裹起来,设置这个div的position:relative.宽度设置成你内容的宽度,最后设置居中。追问

你这个定位我也试了。没有效果。 那个JS的效果没有试过。因为个人对JS不熟悉。请问还有什么方法嘛?谢谢!

追答

没有具体的代码,我不太好解决.你最好是贴出代码。或者发到我邮箱caizb87@gmail.com

温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-12-06
看着就是用定位的0.0 ,这布局很简单干嘛那么麻烦,多去看看布局的书

<body>
<style>
body{
margin:0 ;
padding:0;
font-family:"微软雅黑",Arial, Helvetica, sans-serif;
text-align:center;
}
#header, #footer{
width:1000px;
height:100px;
margin:0 auto;
border:1px solid #000;
line-height:100px;
}
#article{
width:1002px;
min-height:300px;
margin:3px auto 0;
}
#article_l{
float:left;
width:202px;
height:300px;
border:1px solid #F00;
line-height:300px;
}
#article_r{
float:right;
width:792px;
height:600px;
border:1px solid #00F;
line-height:600px;
}
#footer{
margin-top:3px;
}
</style>
<div id="header">
header
</div>
<div id="article">
<div id="article_l">
nav_ul
</div>

<div id="article_r">
article
</div>
<div style="clear:both">
</div>
</div>
<div id="footer">
footer
</div>
</body>追问

谢谢。我是按照你这种布局的方式区别不大。

追答

0.0 有区别就会有对比,把你的代码贴出来,一看就知道

本回答被网友采纳
第2个回答  2012-12-06
这个页面的样式的宽度可能是通过JS来控制的,如果是你通过window.onresize事件来控制,窗口大小发生变化的时发生的事件。具体情况视代码而定。追问

好吧。我想说我不会这个JS 。程序员也不会。 呵呵。抱歉。还有的方法嘛?

追答

那就修改页面的样式了,宽度不要固定,用宽度为100%就可以了。

第3个回答  2012-12-06
宽度什么的是不是用百分比了?追问

宽度是1000PX。前面也想到过宽度的问题。我改过没有任何的反映。

第4个回答  2012-12-06
你最好能贴个代码出来,才能准确点看看问题出在哪

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网