WordPress.org

Ready to get started?Download WordPress

Forums

CSS does not work in safari (11 posts)

  1. cron
    Member
    Posted 9 years ago #

    I am currently using a template that renders kind of 'wonky' in safari. I was wondering if there is a way to tell my page to use a different stylesheet (i.e. safari.css) if the person viewing the site is using safari.

    Thanks,
    Cron

  2. argentine
    Member
    Posted 9 years ago #

    Yes you have a problem with the footer, you can see it in Safari,
    In Firefox not really but the footer stay on right too, less than with Safari but a little bit

  3. argentine
    Member
    Posted 9 years ago #

    And problems on safari, firefox and Explorer in this link
    http://cron.quill.statichost.co.uk/photo-gallery/

  4. YardOBeef
    Member
    Posted 9 years ago #

    .narrowcolumn is the CSS culprit in your image gallery. Try this:

    .narrowcolumn {
    float: left;
    padding: 0;
    margin: 0 0 0 30px;
    width: 500px;
    border:0;
    }

    The above change looks fine in Firefox, but I'm not sure about this other browsers.

  5. Randy
    Member
    Posted 9 years ago #

    Mmm. I could certainly go for a yard o' beef right now. Much better than Taco Bell tacos...

  6. cron
    Member
    Posted 9 years ago #

    Yes, I know about the photo gallery problem. Thanks for your help YardOBeef but it actually looked worse in safari. Any other sugestions anyone? As I sad before. there are alot of little problems so a seprate safari strylesheet would be good. (if that is possible)

  7. YardOBeef
    Member
    Posted 9 years ago #

    Randy:
    Taco Bell... Haven't eaten there since '95.

    cron:
    Looks like you got the layout bugs fixed on your site. What did you do to fix it? Also, if you haven't tried it, the Edit CSS funtion for the Firefox extension "Web Developer" is a great time saver. Real-time CSS editing (you just have to cut and past to your file on server).

  8. cron
    Member
    Posted 9 years ago #

    For the photo gallery I used the margin-right command. I still have not fixed the css on the main page.

  9. dawg
    Member
    Posted 9 years ago #

    It is late and do not have my thinking cap on but why not a separate install for safari with it's own css.

  10. cron
    Member
    Posted 9 years ago #

    That is what I want to do. How do you do it?

  11. vkaryl
    Member
    Posted 9 years ago #

    You don't have to do a separate install, just call a separate stylesheet for safari. And no, I honestly don't know how to do that for anything but IE. Try googling for "variable stylesheets" or something like that, or check at alistapart and css sites like that.

    Or search the css forum at http://www.webmasterworld.com.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.