62,271
社区成员
发帖
与我相关
我的任务
分享关于一句代码的问题
我的网站是用div+css写的，网页宽度是用百分比设置的（如：width：95%；），其中我设置了最大宽度为1024px（max-width:1204px；）；
现在有个问题我很郁闷，我需要在网页中添加一个右侧停靠的浮动图片，只要有“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">” 这句代码，滚动图片的效果就实现不了，去掉就好了，但是如果去掉的话，我的最大宽度的设置又失效了！
而我又必需保证页面宽度符合要求符合要求……
不知道我说明白了没有，麻烦各位帮我看一下吧，非常感谢！！！
现在有个问题我很郁闷，我需要在网页中添加一个右侧停靠的浮动图片，只要有“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">” 这句代码，滚动图片的效果就实现不了，去掉就好了，但是如果去掉的话，我的最大宽度的设置又失效了！
而我又必需保证页面宽度符合要求符合要求……
不知道我说明白了没有，麻烦各位帮我看一下吧，非常感谢！！！
...全文
请发表友善的回复…
发表回复
BIRD72sky 2010-11-04
- 打赏
- 举报
[Quote=引用 8 楼 chen_ya_ping 的回复:]
引用 7 楼 bird72sky 的回复:
忘了说，这个浮动实现是js实现的，是直接引用了一个js文件
估计你的JS文件有问题，你好好看看你的JS对不对
[/Quote]
高手有没有其他的代码事例？？麻烦给一个吧，谢谢！！！
引用 7 楼 bird72sky 的回复:
忘了说，这个浮动实现是js实现的，是直接引用了一个js文件
估计你的JS文件有问题，你好好看看你的JS对不对
[/Quote]
高手有没有其他的代码事例？？麻烦给一个吧，谢谢！！！
chen_ya_ping 2010-11-04
- 打赏
- 举报
[Quote=引用 7 楼 bird72sky 的回复:]
忘了说，这个浮动实现是js实现的，是直接引用了一个js文件
[/Quote]
估计你的JS文件有问题，你好好看看你的JS对不对
忘了说，这个浮动实现是js实现的，是直接引用了一个js文件
[/Quote]
估计你的JS文件有问题，你好好看看你的JS对不对
BIRD72sky 2010-11-04
- 打赏
- 举报
忘了说，这个浮动实现是js实现的，是直接引用了一个js文件
BIRD72sky 2010-11-04
- 打赏
- 举报
好郁闷，可不可以不用去掉那段代码，还能实现浮动的？以前做浮动的时候也没注意这个问题，之前css样式控制没有这么精确的，
麻烦各位，要是有源码的话给一份，非常感谢！liqian0702@126.com
麻烦各位，要是有源码的话给一份，非常感谢！liqian0702@126.com
xiaoyuan402 2010-11-04
- 打赏
- 举报
呵呵，这个应该是标准的问题。。
tangserver 2010-11-04
- 打赏
- 举报
以前做过图片浮动没遇到这种情况啊
sonicshadow 2010-11-04
- 打赏
- 举报
不行就用JS去动态固定咯。CSS的自定适应高和宽都很麻烦
BIRD72sky 2010-11-04
- 打赏
- 举报
好郁闷，怎么没人给我解决呢？？？
BIRD72sky 2010-11-04
- 打赏
- 举报
[Quote=引用 16 楼 fanvins 的回复:]
可以用js控制宽度，不用max-width
[/Quote]
用js控制宽度怎么写啊？？
可以用js控制宽度，不用max-width
[/Quote]
用js控制宽度怎么写啊？？
BIRD72sky 2010-11-04
- 打赏
- 举报
[Quote=引用 15 楼 arjoeweb 的回复:]
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
这个是验证标签用的，你可以下载下来看看，浏览器会对标签进行验证和渲染。
这就是为什么存在浏览器兼容问题。
说明你的javascript有问题，不兼容
[/Quote]
这个网址我这里打不开啊！我页面上只有一小段文字：
<div id=divMenu style="Z-INDEX: 1; right: 10px; WIDTH: 74px; POSITION: absolute; TOP: 64px; HEIGHT: 249px;">
<img src="images/two/two03.jpg" width="70px" height="150px" />
</div>
<script language=JavaScript src="scroll.js"></script>
<div style="border:1px solid blue; width:90%; height:1500px;"></div>
我页面只有这些内容，主要靠<script src="这里边的js文件"></script>
这个js是在网上下载的
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
这个是验证标签用的，你可以下载下来看看，浏览器会对标签进行验证和渲染。
这就是为什么存在浏览器兼容问题。
说明你的javascript有问题，不兼容
[/Quote]
这个网址我这里打不开啊！我页面上只有一小段文字：
<div id=divMenu style="Z-INDEX: 1; right: 10px; WIDTH: 74px; POSITION: absolute; TOP: 64px; HEIGHT: 249px;">
<img src="images/two/two03.jpg" width="70px" height="150px" />
</div>
<script language=JavaScript src="scroll.js"></script>
<div style="border:1px solid blue; width:90%; height:1500px;"></div>
我页面只有这些内容，主要靠<script src="这里边的js文件"></script>
这个js是在网上下载的
BIRD72sky 2010-11-04
- 打赏
- 举报
[Quote=引用 13 楼 tangserver 的回复:]
HTML code
<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="Img/浮动.jpg" border="0"/>
</a></div>
<script type="text/javascript">
var x = 50,y = ……
[/Quote]
这个单独使用也可以执行的，但是加上那句代码以后，又不能用了……-_-
HTML code
<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="Img/浮动.jpg" border="0"/>
</a></div>
<script type="text/javascript">
var x = 50,y = ……
[/Quote]
这个单独使用也可以执行的，但是加上那句代码以后，又不能用了……-_-
fanvins 2010-11-04
- 打赏
- 举报
可以用js控制宽度，不用max-width
周星星No.1 2010-11-04
- 打赏
- 举报
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
这个是验证标签用的，你可以下载下来看看，浏览器会对标签进行验证和渲染。
这就是为什么存在浏览器兼容问题。
说明你的javascript有问题，不兼容
这个是验证标签用的，你可以下载下来看看，浏览器会对标签进行验证和渲染。
这就是为什么存在浏览器兼容问题。
说明你的javascript有问题，不兼容
hubeiliuyaping 2010-11-04
- 打赏
- 举报
顶起混点儿分用用
tangserver 2010-11-04
- 打赏
- 举报
<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="Img/浮动.jpg" border="0"/>
</a></div>
<script type="text/javascript">
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
图片飘动的，看你有用没
damjmk2 2010-11-04
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是个标准，去掉了就只能在IE下用了
这是个标准，去掉了就只能在IE下用了
BIRD72sky 2010-11-04
- 打赏
- 举报
嗯……上网搜了很多，就这个靠谱，唉，再换吧，谢谢各位了~！
kkbac 2010-11-04
- 打赏
- 举报
一般网页都要加
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个标识xhtml 的版本和显示.
如果加了图片不能滚动, 就修改图片滚动的代码吧.
或者网上找一个图片滚动的代码.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个标识xhtml 的版本和显示.
如果加了图片不能滚动, 就修改图片滚动的代码吧.
或者网上找一个图片滚动的代码.
