Forums

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

Home Forums CSS Different layout IE/Firefox vs. Safari

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #36840
    Thomasmorel
    Member

    This is the link to my site: http://www.thomasmorel.nl

    2 things:

    1. The lettertype ‘Menlo’ only shows in in Safari, but doesn’t work in IE and Firefox. The lettertype in the navigation (top of site) and the content should be the same as appears in the logo.

    2. The black background of the navigation area should have 80% opacity. Beneath I put down the css code I use. Whenever I do this the whole background dissapears

    #navi {
    float: left;
    background: #111111 opacity: 0.8;
    width: 550px;
    height: 40px;
    font-family: Menlo;
    font-size: 1.2em;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

    I tried the alternative below

    background: rgba(17,17,17,17,0.9);

    This code doesn’t work in IE

    #97570
    Paulie_D
    Member
    background: rgba(17,17,17,17,0.9);

    has too many parameters…remove one of the ’17’s.

    #97703
    Thomasmorel
    Member

    Hi Paulie. You’re right… But still this code doesn’t work in IE.

    You got a solution for the lettertype Menlo?

    #97716
    Senff
    Participant

    Background opacity with that is difficult to do in IE bcause it simply doesn’t support it in the older browsers, but here‘s something you might want to try.

    Your Menlo font does not show on my computer. You call it in the BODY tag, but you don’t declare it anywhere in a @font-face or anything (I only see you are calling three other Google web fonts, but not Menlo). It’s possible you only see it because you have it installed on your local machine — obviously those who don’t have it installed, won’t see it appear then.

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