Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS menu item full width in IE 9

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #37670
    aoeui
    Participant

    my web
    http://krsiak.cz/

    want to have menu full page width, can’t figure it out in IE9
    before: http://minus.com/mbaGTwTDjz/14f

    css
    http://krsiak.cz/style.1.0.9.css

    look for = MENU (line 716)

    update: sry, ignore me, I found it

    #101350
    Paulie_D
    Member

    I suspect this is a padding left/right issue on the ‘#menu a’ and the way IE interprets it in the box model.

    Perhaps try reducing it to 29px in your IE stylesheet.

    #101355
    Paulie_D
    Member

    You could put in an IE9 hack.

    #101357
    Senff
    Participant

    I think IE9 renders the text in the menu items little bit larger, resulting in a whole wider menu. Since you spaced everything (such as padding) pixel-perfect, that doesn’t allow for extra room.

    (Not just for IE9 — it will be the same in all browsers when you change the content in the menu items, like “reference” to “references” for example)

    One solution could be to give every menu item a specific width, get rid of the horizontal padding and center the menu item text.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.