Why is my sidebar disappearing on Safari?

Discussion in 'CSS' started by JakeThePeg, Nov 22, 2010.

  1. #1
    My website , froffn.com , is being a bit silly.

    For some reason most of the sidebar in the lower right side of the site is disappearing, but only in Safari.

    I have no idea why - does anyone else have any clues?
     
    JakeThePeg, Nov 22, 2010 IP
  2. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #2
    Man this site is a mess... all those JS files in the header, not a good idea.

    JS should be loaded at bottom, CSS in head.

    I am not sure why Safari is rendering incorrect. The code is in the HTML source but in your CSS mess you have the following line:

    
    #mc_signup_container{}
    
    Code (markup):
    Maybe that is your problem... but tbh, I am not sure.

    There is no #mailchimp-widget in the CSS, no class mailchimpSF_display_widget... the div with the class mc_signup_submit is not centered correctly. Never center a div with text-align:center...

    I don't know who did your CSS but it's pretty messed up, tbh.

    Your site is loading 10 stylesheets (one gets imported with @import), you have several "inline sections" with CSS properties, loading 15 JS files, several "inline sections" with JS stuff... wrong XHTML code (e.g. language='JavaScript' and target="_blank" do not exist in XHTML).

    Check your errors here: http://validator.w3.org/check?uri=w...(detect+automatically)&doctype=Inline&group=0

    I am sure the Safari problem is CSS related.
     
    CSM, Nov 22, 2010 IP
  3. nadeem3366

    nadeem3366 Member

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Hi,

    You can also use separate css for safari by using script, and checking if browser is saffari use the next css. i think its best solution..

    Have a Good Day!

    ....Nadeem A.
     
    nadeem3366, Dec 9, 2010 IP