Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Overflow in Safari but not Firefox

    Okay... so this is problem all sorts of broken in IE (any of them) but I haven't gotten there yet. Unfortunately I have tried to accomplish a couple things I haven't before and have gotten snagged b/t Safari and Firefox.

    This is a testing site, none of the links actually go anywhere yet, but my problem isnt with links, it is with the header (and probably my overall mess of a CSS structure).


    CSS:

    So my problem is the images in the header slideshow are 1200px wide. I want them to be that wide but to maintain a 960px width for the site... Basically... if someone is viewing this at 1000px wide browser session, I don't want horizontal scroll bars to appear.

    This doesn't happen in Firefox, but it does happen in Safari (and probably other browsers).

    I am using a jQuery slider with the white PNG absolutely positioned over top of the slideshow. I am also using a jquery.dimensions.js to dynamically feed the width of the window into a DIV containing the slideshow.

    I am a more than a bit rusty with CSS so the actual problem is not obvious to me. I've modified the demo jquery calls that I found when downloading them as I don't really write jquery code from scratch.

    I've gone on long enough, hopefully a kind forumer wouldn't mind providing me a little clarity on this.

    Thanks in advance.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    start with fixing the errors in your markup, see http://validator.w3.org/check?verbos...ma%2Ftest.html
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Apr 2010
    Posts
    38
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Smile

    Add width:100% !important; in #sliderWrap (screen.css line 5)


  •  

    Posting Permissions

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