Dead set weird. No other way to describe.

  • I came across a very interesting issue.

    At the top of my menu I have a links category for which I don’t want a title to be displayed. So I figured I would just not enter a name for it in the wordpress admin. That was working wonderfully until I discovered the fact that for some reason weird stuff now happens with the forms on the menu when viewed in IE.

    Basically whenever the mouse is rolled over the menu items in that category (only that category and only if it doesn’t have a name) all the form items (Categories dropdown and search) as well as the calendar now move down the page (independent of anything else) .

    They just keep going until they are gone from the bottom of the page. It doesn’t happen in Firefox. I would tell all my viewers to get a better browser but some of them won’t like that so I’d like a sollution if it’s possible.

    S.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter drzax

    (@drzax)

    Changed the site back so this is still happening. Anyone seen this before or got any idea why it’s happening? all I can think of is that maybe IE is getting confused with the tag <ul id=””> and the fact that the id is empty.

    Anyone else have any idea?

    S.

    Thread Starter drzax

    (@drzax)

    *bump* – anyone?

    Why not name it, and then try using either a negative margin or another element to hide it ?

    Thread Starter drzax

    (@drzax)

    Thanks podz. My CSS knowledge is still very much developing. I had only thought to use the visibilty property. Negative margin sounds like it could be the go.

    Do you have any idea what would actually cause this? Is IE just interpreting something incorrectly?

    S.

    I don’t think the problem is exclusive to this naming issue – another member here has had problems before with the menu racing to the floor, though the specifics escape me right now. But yes, it was in what passes for a browser – IE.
    As for the cause – no idea, it’s easier to try and work around it to be honest.

    You could use a block of colour at the top of the menu, and use the z-index property so that it shows and what part of the menu behind it does not, or try a
    margin-top: -20px;
    for the #menu – though do check that across the 3 main browsers as it’s not a perfect solution.
    There could be a way with the css by using something like:
    #menu ul#links {
    display:none;
    }
    but then that would need overriding for the actual li elements…..

    Thinking out loud ??

    Hi there,

    I have a somewhat related problem.

    For some reason Internet Explorer seems to treat my menu as though it is within the <div id=”content”> tag. My site displays fine in Firefox, though.

    The url is https://www.ickyfoot.com

    And, since you can’t see them, here are the two related css styles:

    #content {
    font: Verdana;
    border: 1px solid #ffcc33;
    padding: 5px;
    margin-left: 185px;
    width: 510px;
    }

    #menu {
    background: #342c55;
    margin-top: 130px;
    margin-left: 0px;
    letter-spacing: 0.1em;
    position: absolute;
    padding-top: 8px;
    padding-bottom: 8px;
    top: 0px;
    width: 170px;
    }

    The menu ends up right on top of the content area, obscuring the far left of my top posts in IE.

    I tried setting a negative margin-left in the #menu attribute, which made it look better in IE, but it placed the menu off the screen in Firefox.

    Any insight on how to obtain a consistent display is greatly appreciated!

    OK, my problem was a lack of the position: absolute; attribute in the #content id. drzax, if you’re still checking this thread, maybe that would be a direct solution to your problem if you made the same omission as me.

    Now I just need to figure out once and for all why some divs interact with the edges of the page, and some interact with the other divs on the page. This has been bugging me for months…it makes the gaps between the boxes inconsistent between IE and Firefox. But at least you can see everything now!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Dead set weird. No other way to describe.’ is closed to new replies.