Welcome to WebmasterWorld Guest from 184.72.148.222

Forum Moderators: not2easy

Message Too Old, No Replies

Safari is Killing me !

     
12:02 pm on Feb 11, 2010 (gmt 0)

New User

5+ Year Member

joined:Feb 11, 2010
posts: 2
votes: 0


Can anyone please help me with a problem I have. I run a business club website but the centre column (#mainbody) is not displaying in safari.

I think this is the css code causing the problem;-
#mainbody {
display: -webkit-inline;
float: left;
margin-left: 0px;
margin-right: 10px;
padding-right: 0px;
padding-left: 10px;
text-align: left;
width: 540px;
}

It is fine in IE and firefox, but I think the problem exists in Chrome as well.

It's getting embarassing now, any help would be appreciated.
1:34 pm on Feb 11, 2010 (gmt 0)

Full Member

5+ Year Member

joined:Mar 3, 2009
posts: 227
votes: 0


Hey cheshirebt,

It could be your display: -webkit-inline;. Remove that and see what happens... I never use webkit rules so I am not even sure if the syntax is right(Someone please correct me. I did a search and couldn't find anything).

Because you are supplying only a portion of you code it is hard to tell why. So if the above does not help, please post both your full CSS and your HTML (with DOCTYPE) so we may better understand what the issue might be.
1:47 pm on Feb 11, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 24, 2003
posts:729
votes: 0


The best way to avoid browser specific display issues is to write and validate your HTML and CSS to W3C specifications and to NOT use goofy non-standard stuff (e.g. "display: -webkit-inline;"). Personally I use HTML4.01 Strict and CSS2.1 as my design specifications.

Honest to god, sticking to W3C specifications will make your life easier.

Get the Firefox "Web Developer" extension, it will allow you to validate your code from the right mouse click context menu.
8:23 pm on Feb 11, 2010 (gmt 0)

New User

5+ Year Member

joined:Feb 11, 2010
posts: 2
votes: 0


Thank you all for your replies.

Here is the full code as advised. Help would be appreciated, even at a modest cost !

Here is the full css
---------------------------------

<snip>

[edited by: limbo at 11:10 am (utc) on Feb 12, 2010]
[edit reason] Please examplify your HTML and CSS, and remove specifics like URL's [/edit]

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members