Forums

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

Home Forums CSS Help taming 2 elements in IE7+8

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #43944
    maxmaz
    Member

    Hi there, I’ve been trying to find the best solution for 2 pesky IE7+8 issues to no avail.
    Could you spare a minute please? :)

    I’m working on [this page here](http://www.mazzoleniorologi.it/dev/orologio/rolex/rolex-sea-d-weller/380 “Page here”)

    The issues are:

    — “GUARDA IMMAGINE A TUTTO SCHERMO” link – it won’t stay on 1 line

    — In the footer the list of brands under the “Le Marche” heading – wrong font and missing float

    [Browser screenshots here](http://www.browserstack.com/screenshots/de324ca6bede441a14dbf8d4d028c6dba46e0185 “Screenshots here”)

    Thanks!

    #130944
    Podders
    Participant

    Hi @maxmaz,

    There are a couple of issues here, the first is that you have

    In the head of your page which is forcing IE8 to run in IE7 mode, this is the reason that the issue with the footer links is showing in both IE7 and IE8, removing this will stop the issue in IE8,

    The font display issues in IE7 for the footer links are because the nested UL LI’s are inheriting a font-weight:bold and a font-size:14px from the class .listTitle,

    Also, you may need to give the nested UL#nav_categories a fixed width so that the li’s can float inside it,

    Finally, your jetzoom-gallery images have differing sizes, some are 77px high and some are 78px high, this is throwing out the floated second row which in turn is throwing out the link below in IE7, fixing the height of all the images to the same height will solve the wrapped link issue,

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