Grow your CSS skills. Land your dream job.

Weird float bug in ie6 and 7

  • # August 29, 2008 at 7:23 am

    Hi guys and girls,

    I have developed a site using wordpress for a timber merchants and have encountered a problem which occurs in ie6 and ie7.

    The problem is that if you go to http://mosstimber.testing-url.com/products/hardwood/ in Firefox it displays correctly, but when you go to the same page in IE6 and IE7 it displays as a long vertical list.

    I have tried lots of suggestions and still no success and am at a lost of what is causing it.

    So if anyone has any suggestions, please say.

    Thanks
    Tom

    box
    # August 29, 2008 at 7:30 am

    I would suggest that you clean up your code before you do anything else. You have four divs wrapping a single <a> element! This is truly divitis. A simple unordered list <ul> will suffice. Also, do not use inline styling, instead move all of your style elements to an external stylesheet. Do this and your problems may go away, if not, then it’ll be so much easier to see where the problem is.

    # August 29, 2008 at 8:54 am

    Thanks for your reply box, I didnt origianally code this, someone else did and im just finishing the job, but i decided to go with the <ul> route and it now works perfectly in all browsers, thanks.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".