Internet Explorer 6 Problem...

[abbas1982]

Hey,

I've been trying to resolve an issue with IE6 for the last 2 days now and I have been unable to solve the issue.

If you view http://www.elite-parties.com you will see the problem the boxes do not line up in IE6 on the left... but are ok in IE7 and FF.

My original file had an even bigger issue which can be seen at http://www.elite-parties.com/index2.php - the box on the right on the top row comes below the larger box.

My style sheets can be viewed at:

http://www.elite-parties.com/css/stylesheet.css
http://www.elite-parties.com/css/ie-6-stylesheet.css

My original code for the section with the problem was:

<!-- Left -->
<div class="leftcontent">
<a href="#"></a>

</div>
<!-- Left -->


<div class="right">
<div id="gallery">
<ul id="gallery">
<li><img src="img/Gallery-Image-0001.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0002.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0003.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0006.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0005.jpg" alt="View Gallery" /></li>
</ul>
</div>
</div>

which i then changed to:

<!-- Left -->
<div class="leftcontent">
<a href="#"></a>

<div class="right">
<div id="gallery">
<ul id="gallery">
<li><img src="img/Gallery-Image-0001.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0002.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0003.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0006.jpg" alt="View Gallery" /></li>
<li><img src="img/Gallery-Image-0005.jpg" alt="View Gallery" /></li>
</ul>
</div>
</div>

</div>
<!-- Left -->

which half resolved the issue and this is where we are now.

I also have a problem with another page at http://www.elite-parties.com/number-...-nightclub.php

there should be two columns here but the column on the right shows as being under the main column on the left.

I've tried playing with the margin properties but this has not made any difference.

I wont copy the code for the web pages as this post is long enough! But of course you can view the code from the browser.


Any suggestions for these issues? I'm guessing that they are the same problem but I can't seem to put my finger on it.

Hopefully I don't need to make any big changes!!

Thanks

[Dan_A]

Try display:inline; in
.leftcontent a
and .right
to fix the double margin bug

[junjun]

2 elements cannot have the same ID attribute, they are unique to the document.