Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthordrglass
    • CommentTimeApr 17th 2008
     permalink
    You can skip my poorly written description and just check out http://docglass.net/index.php?id=1&cat=Photography in firefox then in IE to see the problem.

    I'll get right to it. I have a portfolio page that consists of a simple header, and two unordered list. In firefox and safari the site displays perfect, the first ul is the navigation bar, it is fixed along the left side and follows the page as the user scrolls horizontally across the second list which displays the pictures.

    In IE, naturally, it doesn't work. Not only does the navigation not stick (I guess display: fixed; doesn't work?) but the pictures do not extend horizontally. Those are the two real problems. There is also the case of IE fudging up the navigation anchors (it is mixing global setting for a:hover,visited,etc. with element specific style #nav a:hover).

    How can I fix/hack the UL navigation in IE to stick to the left and have the work display horizontally?

    Thanks so much, and hello! I'm new here.
    • CommentAuthordave_o
    • CommentTimeApr 17th 2008
     permalink
    Put your images in a div with overflow:auto. This way, the nav bar doesn't need to be positioned fixed. I don't have IE, so I can't suggest what you mean by "extend horizontally". A display:inline style for the second unordered list should normally force the lis (which contain the images) to display horizontally instead of vertically aligned - even in IE.
    • CommentAuthorrikun
    • CommentTimeMay 1st 2008
     permalink
    You can follow my tutorial here. It basically involves putting everything in an absolutely positioned div which will take on the part of the body of the document. Hope this helps.
Add your comments
    Username Password
  • Format comments as (Help)