The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Need help with positioning in IE

  • # August 15, 2009 at 4:40 am

    i have a very simple site that that i am having trouble positioning images that link to portfolio pictures in lightbox.

    The page i’m having trouble with is

    The green squares are postitioned perfectly in firefox and safari, but when i bring it up in IE the green squares are moved up and to the left and cover the text. I’m also have issues with the navigation button on the top of the page. The text links are above the grey bar image. (only in IE, not in firefox or safari) Is there anything i can do to get the green squares to postition correctly in IE, firefox, and safari? and what can i do to get the main navigation text to sit inside the grey bar in IE?

    i appreciate any help! I’m not the most savi web designer.


    # August 15, 2009 at 5:36 am

    This reply has been reported for inappropriate content.

    Ok, so you have used a <ul> for your nav, which is good, but you haven’t wrapped any of the list items in <li> tags, which is bad.

    #Categories and #SubCategories should both be <ul>’s and then you can set the green squares as backgrounds on the #SubCategories <li>’s.

    And using empty divs for positioning is really bad practice.

    Perhaps you would like to check out Chris’s videos

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed