CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
Problem in Safari
DarrenClark
Permalink to comment
#
July 2008
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:
http://img184.imageshack.us/img184/2915/beforepp2.jpg
After:
http://img391.imageshack.us/img391/2778/aftervn7.jpg
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
jhallmusic
Permalink to comment
#
July 2008
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.
DarrenClark
Permalink to comment
#
July 2008
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..
http://img141.imageshack.us/img141/715/imagece2.jpg
DarrenClark
Permalink to comment
#
July 2008
I've solved this problem now, the push div had been placed incorrectly into the html causing it to offset from the inner wrap!
Add a Comment
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:
http://img184.imageshack.us/img184/2915/beforepp2.jpg
After:
http://img391.imageshack.us/img391/2778/aftervn7.jpg
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
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..
http://img141.imageshack.us/img141/715/imagece2.jpg