Grow your CSS skills. Land your dream job.

Problem in Safari

  • # July 7, 2008 at 6:27 am

    Hi Guys,

    I’m having a problem with this site: http://www.studentdoctors.co.uk/Testing … yout2.html

    The problem being when I reduce the size of the window (width wise) I am getting a "problem white area" appearing when testing in Safari!

    I feel it may be something to do with the background image but I’m not sure how to fix it!

    Here’s the images:

    Before:

    [img]http://img184.imageshack.us/img184/2915/beforepp2.jpg[/img]

    After:
    [img]http://img391.imageshack.us/img391/2778/aftervn7.jpg[/img]

    CSS Code is here: http://www.studentdoctors.co.uk/Testing … ayout2.css

    (Please ignore the main content and menu area on the site as I haven’t properly styled that bit yet!!)

    Thanks Guys!

    Darren

    # July 7, 2008 at 2:19 pm

    I’ve tested this in Safari 4, but haven’t been able to reproduce the problem. When I resize my window, there is no change.

    # July 7, 2008 at 2:46 pm

    I’m using Safari 3.1.2. and have the problem.

    I can’t understand also why the minimum size of the browser window (before a horizontal scroll is visible) is so large, surely it should be alot smaller than is currently possible?

    In Dreamweaver I have these two problem looking areas..

    [img]http://img141.imageshack.us/img141/715/imagece2.jpg[/img]

    # July 7, 2008 at 2:57 pm

    I’ve solved this problem now, the push div had been placed incorrectly into the html causing it to offset from the inner wrap!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".