[TriLUG] CSS question

[Glenn Hennessee]

You're sure all your divs are nested properly and all the menu items
are all <p>menu item</p> (or something similar)? If all the menu items
aren't identical then IE may not display it right. Have you tested
with IE 9? You may need to post a link to the page so we can take a
look at it and the CSS. You might try a styled unordered list.
http://www.alistapart.com/articles/taminglists/ is an old article
(2002) but it should work fine today with any browser.
http://www.webreference.com/programming/css_style2/index.html is
another styled list menu.
glenn

On Tue, Jan 24, 2012 at 2:57 PM, Brian McCullough <bdmc at bdmcc-us.com> wrote:
> I have been fighting an issue for some time, seeming to dig myself deeper with every attempt to fix things.
>
> I have a series of nested Divs, producing a menu down the side of the page.  As usual, Firefox and Chrome behave just fine, but IE 8 is the target.
>
> What is interesting to me is that although the HTML and CSS is identical for all of the menu items, one or more of the menu items is out of line with the others.
>
> The structure is:
>
> Body
>  Div
>  Div
>    Div ( menu container )
>      Div ( menu title )
>      Div ( menu body )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>      Div ( menu title )
>      Div ( menu body )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>      Div ( menu title )
>      Div ( menu body )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>    Div ( main content )
>    Div ( footer )
>
>
> However, in the IE 8 page, it displays as:
>
> Body
>  Div
>  Div
>    Div ( menu container )
>      Div ( menu title )
>      Div ( menu body )
>          Div ( menu item )
>          Div ( menu item )
>          Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>      Div ( menu title )
>      Div ( menu body )
>          Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>      Div ( menu title )
>      Div ( menu body )
>          Div ( menu item )
>          Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>        Div ( menu item )
>    Div ( main content )
>    Div ( footer )
>
>
> Any suggestions?
>
> Obviously, I will be happy to show more specific content on request.
>
>
> Thanks,
> Brian
>
> --
> This message was sent to: glenn.hennessee at gmail.com <glenn.hennessee at gmail.com>
> To unsubscribe, send a blank message to trilug-leave at trilug.org from that address.
> TriLUG mailing list : http://www.trilug.org/mailman/listinfo/trilug
> Unsubscribe or edit options on the web  : http://www.trilug.org/mailman/options/trilug/glenn.hennessee%40gmail.com
> TriLUG FAQ          : http://www.trilug.org/wiki/Frequently_Asked_Questions



-- 
Glenn