Forums

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

Home Forums CSS CSS issue with website header

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #172982
    zorsus
    Participant

    Hi guys. I am having an issue with the header of my website. It displays properly in the newest MSIE and FF but looks terrible in Safari on macs and the iPad. Any help would be greatly appreciated.

    #172984
    Paulie_D
    Member

    looks terrible

    Bit vague there…would you care to be more specific?

    I’m assuming this is Safari 6+ / Safari Mobile?

    What about Chrome?

    #172985
    zorsus
    Participant

    Sorry for the lack of details figured someone would just view source on it anyway. It looks fine in Chrome as well. Safari and Android’s native browser look scrunched and not 100% width. I have tried to toy with the width options and have it set to 100% currently but that doesn’t seem to do anything.

    #172986
    Paulie_D
    Member

    Aha…

    .e-cstm-nav {
    float: left;
    width: calc(100% - 170px); /* not supported by Safari 5 and requires prefix in S6+ */
    margin-left: 170px;
    min-height: 85px;
    overflow: hidden;
    }
    

    http://caniuse.com/calc

    #172989
    zorsus
    Participant

    Hm, hadn’t noticed that.. thank you. I wonder what the work around is to get it to display correctly.

    #172992
    zorsus
    Participant

    I kind of fixed it by adding in width:85% before the calculation. It’s not perfect but displays on iPads well which is most important. Thanks guys.

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