Support » Themes and Templates » navbar okay?

  • Hi WordPressWizards,
    I’ve fiddled around with my navigation bar, visible for example here. Most important question: Does it look all right in all browsers? I worry about the various IE float issues.
    I also think I may have made things more complicated than necessary: the floated items are spans enclosing list items in an ul, itself in a div.
    There are additional php questions, but I’ll post them later.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Nice work serendipity. All fine in Firefox. IE is a different story. Not only on the new bit but all round. It is the first time I’ve seen it. Sorry to be the bearer of bad tidings.

    Thanks Root! Ouch. Can you point me in the right direction? I don’t have IE….

    I’ve cleared up a lot of stuff. First error: some of my clearers were declared as “div”, others as “id”. My error. Does this fix the navbar?
    Second, the content-background stretching came from my post, which contained LaughingLizard’s image dropdown shadow css. I’m not sure why this broke Konqueror (it did!), and I still have no idea aobut IE. Anyway, the CSS is the following:
    .img-shadowr {
    /* clear: both;*/
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 20px !important;
    /* margin: 20px 0 0 8px;*/
    .img-shadowr img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;

    The two comments are what I just inserted. They are uncommented in the original code. I’m not sure why the clear: both; was bad, but I don’t need it. The double margin declaration is something I’ve never understood but just presumed it fixed some sort of IE problem (the 3px jog?).

    Good news is that the bg is fine in IE – all fixed up. The navbar needs minor tweaking. Its in the div clearer. Fine in principle but fine tuning possibly needed.
    Currently div clearer kicks in before the
    I think. After might be better. Also the clearer div is empty. A p inside with even a space or something would give better browser compliance. Height seems fine. Width at 1px not necessary. It will be going full width of the parent. Or it should be. HTH 🙂

    Sure, you’re helpful as always :). Did what you said for the clearer div.
    But while you were writing I was still playing around with the menu margins. The strange thing is that I don’t know where my left column (menu) is getting its top margin from . Before I cleaned up the css, it got a bit from the first ul, and a bit from elsewhere 🙂 . Now there shouldn’t be any. The menu is first in the code, then comes the header. So the header is the block element that follows the floated menu in the source. The header is not floated. The menu behaves as if the float started aligned with the top of the following block element. Is it supposed to do this? Does it actually do this in IE?
    Oh, and the broken comment box (after “What you wish to add…”) : I replaced a
    with a ... in wp-comments. Strange that this linebreak should have shifted the second half of the box all the way down.

    Well I am kind of glad that this is not one of my layouts :). I am reading your css but to tell you the truth I have never really understood what is holding your layout together, so I am looking for variations in something I do not understand anyway :). I always avoid putting the menu first in the source. It spoils the experience for readers in other UAs and more pertinently – spoils your search engine rankings.- not that we care about them – much ;). I am keeping an eye on this for you. We are always here if you get stuck. Allez.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘navbar okay?’ is closed to new replies.