Прекратить прокрутку на последнем изображении в HTML - PullRequest
Новая
       0

Прекратить прокрутку на последнем изображении в HTML

0 голосов
/ 03 октября 2011

У меня есть следующий 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, горизонтальная полоса прокрутки идет намного дальше, чем должна, тогда как мне нужно, чтобы она остановилась на последнейimage rectangle.png.

Я пытался изменить CSS, установив в качестве ширины столбца значение auto, но это не сработало, а также ширину таблицы.Как я могу обойти это?

Ответы [ 2 ]

0 голосов
/ 03 октября 2011 
<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 голосов
/ 03 октября 2011

Ваш первый столбец имеет ширину 3484 пикселя, а изображение прямоугольника имеет ширину 1134 пикселя. Таким образом, в minimun это будет 4618px, даже если вы измените ширину в CSS. (примерно в 4 раза больше ширины моего текущего экрана).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...