I have the following 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>
When I view this page in IE the horizontal scrollbar goes much further than it should, whereas I need it to stop on the last image rectangle.png.
I have tried to alter the CSS making the column width set to auto but this did not work, and also the table width. How can I get round this?
Your first column have a width of 3484px and your rectangle image have a width of 1134px. So at minimun it will be 4618px even if you change the width in the CSS. ( about 4 times the width of my current screen).