ie6 bug, what hack to use?

saskatchewandav

Hi, I have been developing a website, and it has passed the w3c markup validator. It works great in firefox and ie7, however in ie6, the pages content seems to shift far to the right. Also some of the images don't even show?

<h2>Off the ground</h2>
<p>Welcome to the Royale with Cheese website. We are here to bring you our latest news and reviews on everything art, music, film related.</p><br/>

<p>In this layout the side column widths are in pixels and the centre page adjusts in size to fill the rest of the screen. Vertical dimensions are left unset so they automatically stretch gaps.</p>
</div> </div>
<br />

Coyotelab

For IE 6 if using margin add display: inline; or inline-block; this will taker of double margin issue for IE 6 or else write conditional statement for IE 6 divide the margin by 2, example: if you have margin right 20px in ie6 CSS change that to 10px.

for image add display block if its CSS
make sure you declare the image size (height/width)both CSS or inline image