SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict vflytrap's Avatar
    Join Date
    Aug 2003
    Location
    Twighlight Zone
    Posts
    206
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with overflow and Safari

    Okay, I am building a site using CSS and am having difficulty to get the {overflow: auto;} tag to work, specifically in Safari. It displays correctly in IE, and Camino, etc. But Safari just chews and chews on the page, and then either clips the content or it overflows. Augh. :: Here is the relevant CSS :

    #content {
    position: absolute;
    top: 75px;
    left: 355px;
    margin: 0;
    margin-left: 10px;
    padding: 15px;
    background: #def3e5;
    color: #434343;
    border: 0;
    overflow: auto;
    width: 385px; /* False value */
    height: 277px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 345px;
    }

    html>#content {
    width: 345px; /* Be nice to Opera */
    }


    The full source code can be seen at http://starlight.isa-geek.com/index.php and the CSS can be viewed at http://starlight.isa-geek.com/hula.css Can someone please help me?

    Update: This site is under development and only on the testing server not the launch server

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    This link may shed some light on your problem :
    http://www.xs4all.nl/~ppk/css2tests/overflow.html

    I don't think safari supports overflow auto or scroll. Sorry I can't offer a solution.

    Paul

  3. #3
    SitePoint Addict vflytrap's Avatar
    Join Date
    Aug 2003
    Location
    Twighlight Zone
    Posts
    206
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy

    *sigh* But why does Safari documentation SAY it supports overflow - http://developer.apple.com/internet/css/safari_css.html?? If it doesn't? Do you think there is a way I could make the content work without changing the size of the div? I am already using an <iframe> in the second div... can I use more than one? Seems like it defeats a purpose somewhere.... GRRRRRRR!!! Why Safari, whyyyyy?

    I would just say screw it, but the majority of the viewers so far on my site stats have been mac/safari users!

    I suppose I can just use another <iframe> but later, I am going to have way too much updating to do when I want to switch stylesheets...

    Thank you for trying to help though...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •