2011-10-03 2 views
0

에 마지막 이미지에서 스크롤 I가 다음, 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입니다. 따라서 minimun에서 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

문제의 페이지로 연결되는 링크를 보내지 않으면 문제를 해결했는지, 내가 도와 줄 수 있는지 알 수 있습니다. –