Using the code below with IE 5.5 my images look like
image 1 image 2
image 3 image 4
which is what I want. However IE 6.0 seems to ignore the
absolute positioning altogether. Am I doing something wrong? Any help would be appreciated.
<html><head>
<style type="text/css">
img.1 {position:absolute; left:100px; top:100px}
img.2 {position:absolute; left:200px; top:100px}
img.3 {position:absolute; left:100px; top:200px}
img.4 {position:absolute; left:200px; top:200px}
</style>
<title>Absolute Positioning</title></head>
<body>
<img class="1" src="1.png" alt="Image 1" />
<img class="2" src="2.png" alt="Image 2" />
<img class="3" src="3.png" alt="Image 3" />
<img class="4" src="4.png" alt="Image 4" />
</body></html> Clive
image 1 image 2
image 3 image 4
which is what I want. However IE 6.0 seems to ignore the
absolute positioning altogether. Am I doing something wrong? Any help would be appreciated.
<html><head>
<style type="text/css">
img.1 {position:absolute; left:100px; top:100px}
img.2 {position:absolute; left:200px; top:100px}
img.3 {position:absolute; left:100px; top:200px}
img.4 {position:absolute; left:200px; top:200px}
</style>
<title>Absolute Positioning</title></head>
<body>
<img class="1" src="1.png" alt="Image 1" />
<img class="2" src="2.png" alt="Image 2" />
<img class="3" src="3.png" alt="Image 3" />
<img class="4" src="4.png" alt="Image 4" />
</body></html> Clive