homepage Welcome to WebmasterWorld Guest from 54.205.241.107
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Safari is Killing me !
cheshirebt



 
Msg#: 4078261 posted 12:02 pm on Feb 11, 2010 (gmt 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.

 

CSS_Kidd

5+ Year Member



 
Msg#: 4078261 posted 1:34 pm on Feb 11, 2010 (gmt 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.

KenB

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4078261 posted 1:47 pm on Feb 11, 2010 (gmt 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.

cheshirebt



 
Msg#: 4078261 posted 8:23 pm on Feb 11, 2010 (gmt 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]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved