This is a discussion on "Help needed with Safari CSS issues" within the Web Page Design section. This forum, and the thread "Help needed with Safari CSS issues are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
Help needed with Safari CSS issues
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
|||
|
Help needed with Safari CSS issues
Hi Everyone
My first post on the forum! How is everybody? My site, neilcauldwell.com, is suffering from two issues in Safari (it looks fine in IE6/7, FF and Opera); 1. The 'Blog' page is supposed to show three 'windows' at the top for quick navigation between the main topics. However, these won't show in Safari 2 or 3 beta. Does anyone know how I fix this issue? Is it a problem with using overflow:hidden;? Is there not enough room for Safari to present all three boxes (they are packed in closely)? 2. The footer is squashed into a narrow column on the left of the screen, but only in Safari 2 (3 beta doesn't have this issue). The div#footer has been given "float:left; overflow:hidden;" attributes. I've done some reading round and it looks likes the overflow:hidden; is the source of the problems. However, if I don't float the div#footer to the left, all the elements inside the footer are rendered correctly, but the div#footer doesn't wrap all the way round the containing elements and, therefore, appears only to be around 40px in height. If you can help solve these issues, you're a legend! |
|
|
|
||||
|
Re: Help needed with Safari CSS issues
Do you have a screenshot of the site and errors in safari?
Not everyone here uses safari and hence it will make it a little easier.
__________________
Rob - SEO Specialist Owner & Founder of Webforumz.com I am currently unavailable for private work
Last Blog Entry: Creative Labs threaten developer over home made drivers.... (Apr 1st, 2008)
|
|
|||
|
Re: Help needed with Safari CSS issues
Thanks for the fast response, Rob.
Here is a screen shot from Safari 2; http://neilcauldwell.com/shared/imag...bug_screen.jpg The footer issue doesn't occur Safari 3. If you're on windows, you can now download Safari 3 beta, which might help you with cross-browser compatibility. |
|
|||
|
Re: Help needed with Safari CSS issues
Weird, I can't get your css files...
Can you post the complete css |
|
|||
|
Re: Help needed with Safari CSS issues
I'm a little bit wary of posting my entire CSS file on a forum (I'm still relatively new to all this) have you tried the Firebug plugin for firefox? It's pretty much the best thing ever invented (when it comes to CSS, anyway)!
|
|
|||
|
Re: Help needed with Safari CSS issues
Well there is no reason to be wary. Css isn't a big secret or anything. But if you don't feel comfortable I understand.
I have firebug but don't know how to use it, so unless you want to post your code, I'm sorry I can't help you. |
![]() |
| Tags |
| bug, overflow, safari |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| CSS for Safari and opera | jelly46 | Web Page Design | 4 | Apr 14th, 2008 08:02 |
| need a mac friend with safari | cyberseed | JavaScript Forum | 3 | Aug 16th, 2007 15:45 |
| Safari for Windows | moojoo | Webforumz Cafe | 49 | Jun 25th, 2007 14:23 |
| CSS and Safari | joshcxa | Web Page Design | 2 | May 9th, 2006 10:43 |
| Repeating DIV in Safari | chevy409 | Web Page Design | 0 | Oct 4th, 2005 21:03 |