2011-10-03 44 views
0

滚动最后的图像,我有以下HTML的停止在HTML

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
    <style type="text/css"> 
    .style1 { 
     width: 2454px; 

    } 
    </style> 
</head> 

<body> 
<table width="5964" border="0" cellspacing="13"> 
    <tr> 
    <td width="3484"><img src="images/square.jpg" width="850" height="534"/
    <img src="images/circle.jpg" width="850" height="534" /></td> 
    <td class="style1"><img src="images/rectangle.png" width="1134" height="534" /></td> 
    </tr> 
</table> 
</body> 

当我在IE浏览这个页面的横向滚动条走的更远,比它应该,而我需要它停止在最后的图片rectangle.png

我试图改变CSS使列宽设置为自动,但这并没有工作,也是表宽度。我怎样才能解决这个问题?

+0

我不确定你在做什么显式'宽度',但你应该看看宽度的数学。 – swatkins

+0

提示:将'

+0

http://shouldiusetablesforlayout.com – Greg

回答

0

您的第一列的宽度为3484px,而您的矩形图像的宽度为1134px。所以即使你改变了CSS的宽度,最小值也是4618px。 (大约是我当前屏幕宽度的4倍)。

0
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
#container { 
width:100%; // set width to what you want 
margin:0 auto; // if you want to center on page 
    } 

</style> 
</head> 

<body> 
<div id="container"> 
<table width="5964" border="0" cellspacing="13"> 
<tr> 
<td width="3484"><img src="images/square.jpg" width="850" height="534"/
<img src="images/circle.jpg" width="850" height="534" /></td> 
<td><img src="images/rectangle.png" width="1134" height="534" /></td> 
</tr> 
</table> 
</div> 
</body> 

试试这个,看看它是否可以帮助你,如果你已经包含了屏幕应该与滚动帮助中您的内容。这样我在过去解决了同样的问题。希望它有助于好运。

+0

感谢输入,但它仍然有一个巨大的差距在屏幕结束,任何其他的想法? – Ebikeneser

+0

你是否解决了问题,如果不给我一个问题的网页链接,我会看看我是否可以帮助你。 –