SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Internet Explorer 6 Problem...

    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:

    Code:
    <!-- 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

  2. #2
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try display:inline; in
    .leftcontent a
    and .right
    to fix the double margin bug

  3. #3
    Object Not Found junjun's Avatar
    Join Date
    Mar 2002
    Location
    northern MI
    Posts
    1,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    2 elements cannot have the same ID attribute, they are unique to the document.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •