Menu Weirdness in FF & IE

  • Check https://tekmonki.com/wpindex.php in FF and IE.
    In FF, the header is not flush with the top, but the subscribe box fits where it should.
    In IE the reverse is true.
    How do I get the header to sit at the top and the box to align where it should? This CSS stuff is quite frustrating at times.

Viewing 15 replies - 1 through 15 (of 15 total)

  • The head graphic is set up as the background in #header. Fine. But I would set margin and padding to zero all round and I would set the image with top left as well as the url stuff. That will start in on cleaning this up but it wont do all of it.

    Thread Starter TMo

    (@tmo)

    Set it with top left?

    Thread Starter TMo

    (@tmo)

    And would you recommend doing it another way? I had the navlist outside of header, but then it was several pixels below the image and floating around off to the right.
    I did notice that when I put navlist in the header it moved the image down in FF. I just can’t figure out how to find the happy medium between the two.

    Well it is going to simplify it if the nav sits below # header not in it. Then you can solve the issues separately and there are going to be plently. Hmenus can be tricky.

    Thread Starter TMo

    (@tmo)

    Wow. How exciting! = ]
    Moving it out, you think you can point me in the right direction?

    Well just cut the #navcontainer and its div closer and all the content therein and paste it below the div closer of #header. Simple as that.

    Thread Starter TMo

    (@tmo)

    No. Sorry. I meant I moved it out. Might you see what the problem is now?
    Now header image is flush at the top in both browsers, but the navlist is off on some safari.

    Oddly you do not seem to have a #navcontainer in the CSS so there is a mismatch between the markup and the CSS. I would add it. Header image is now fine ??

    Thread Starter TMo

    (@tmo)

    That might help, huh? = ]
    Cool. So it’s pretty close in both browsers now. Thanks a ton!
    Any idea on the sub form? All I did was put in my own table replacing where all the menu items were in the index.php. So, in theory it should still line up like it was supposed to. Right?

    Well that is two down. I am struggling with the subscribe because I havent got IE fitted so I do not know what it should be like. As a quick guide the mark up could be simplied a bit. But I am not sure what you need . ??

    Thread Starter TMo

    (@tmo)

    I need five elements and a header for them.
    Name
    Email
    Subscribe
    Unsubscribe
    Submit.
    I found some code that showed how to do form layout in CSS. You need a label attribute to label each box, and then each element. The example I found put them all in seperate rows and then styled each row/span in the CSS.

    Just have a look at the WP comment form. Its a lot leaner and you can see what does what maybe ?

    Thread Starter TMo

    (@tmo)

    Good thinking. Will try that.

    Thread Starter TMo

    (@tmo)

    P.s. this is what it looks like in IE.
    https://tekmonki.com/images/ieprob.gif

    Thread Starter TMo

    (@tmo)

    Figured it out. Some errant margin tag. I swear I go over the CSS a million times and nothing works. Then I find it hours later just sitting there like it didn’t insert itself when I wasn’t looking. Pffft.
    I’m on to your little game.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Menu Weirdness in FF & IE’ is closed to new replies.