Grow your CSS skills. Land your dream job.

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 http://www.francisreeve.com/medical.html

    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.

    thanks
    reid

    # August 15, 2009 at 5:36 am

    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 http://css-tricks.com/video-screencasts/12-converting-a-photoshop-mockup-part-two-episode-one/

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

You must be logged in to reply to this topic.

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