Forums

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

Home › Forums › CSS › Safari blue!

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 10, 2013 at 12:52 pm #146351
    knowledgenotebook
    Participant

    Hi all,

    Please take a look at the following page using several browsers, particularly Safari,
    http://www.knowledgenotebk.com/index_dev.html

    The problem with Safari is that it makes the following text, “Knowledge Notebook helps you to simplify learning with recording, organizing, understanding, and remembering course material!” (at the top) span two lines while all other browsers keep them in one line.

    My attempt to set font-size to 12px for Safari failed (see the body tag).

    Thoughts?

    Thanks.

    August 11, 2013 at 11:36 am #146402
    bcintegrity1
    Participant

    I see your attempt: <body onload=”if(navigator.userAgent.match(/Safari)){document.getElementById(“kn”).display.style=”font-size:12px”‘;}>

    Maybe adding a new div around the text span, using position: absolute would help. You may also need to set top & left values for that div.

    August 11, 2013 at 12:21 pm #146406
    TheDoc
    Member

    Don’t browser sniff like that. At some point it’s going to stop working and you’ll just need to keep on patching on fixes.

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