Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Rendering Problems in Chrome and Safari - site it valid and works in IE and Firefox

    I have built a site - greatmovingcompany@dot@com - site is validated. It renders fine in IE6-8 and in Firefox - but in Google Chrome and Safari it appears as if it is not applying the CSS. I get the feeling it is something very simple, yet can't figure it out. Can someone please go view the site is the different browsers and point me in the right direction.

    Thank you in advance,

    Muskrat

  • #2
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi
    I have had similar problems before with Firefox not working it might have something to do with your server and the charset being messed with. You can try what is below, it worked for me!

    Create a php.ini file, then paste the following into it:

    default_charset = utf-8

    Upload the php.ini file to your server into the same directory as the stylesheet that doesn't work.

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    The css validator is throwing a couple of parse errors.

    Worth sorting these first before worrying about charsets I think.

  • #4
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Still having rendering problems

    @ Onei - thank you for the advice -this site is ASP, not PHP... sitting on a Windows server (Network Solutions) platform.

    @SB65 - thank you as well - Those "parse" errors were related to an IE6 hack I found on the web, they fixed a margin issue I was having with my h2 tags getting cut off at the top. They were not crucial, so I have removed, and strangly, the main image now displays correctly - but the other images are stretched and distorted.

    All - the problem is that the images are not displaying properly. I am not using them as a background image, rather I place them in a div (except for the main image) - then give them a percentage of the div so they will be liquid and change with the browser size....it works fine in IE6 and Firefox, just not Chrome or Safari....It's as if they are not recognizing the parent DIV...please open the website in both Chrome and Firefox, and you will see what I mean.... greatmovingcompany@dot@com.....

    Thanks for all your help...I am off to play with the parent div's and see if my problem lies in them....

    Muskrat

  • #5
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK - I have narrowed it down to the fact their is no height set on my parent div, that contains the image...so when I tell the image to be 60% of the height - Chrome and Safari are rendering it to 60% (I am guessing correctly) of the size of the intial containing block (the body.) I simply removed my height percentages, left the width percentage, and now it is still liquid, and renders fine.

    *edit* - the above statement is true when I tested it on my local server with Chrome it rendered properly...then I publish it, and go look at it on the web....and the images that I told to be 100% wide of their parent containers that are 35% of the body....are ignoring the 35%, and rendering at 100% of the body. This is strange because the body is defined as 80% and the images are staying with the confines of the body, but not the parent div's that they are sitting in... It is like they are ignoring the div's and only seeing the body .....

    Any ideas? - and sorry ahead of time for the multiple replies....I thought I had it working, and it turns out I was wrong.
    Last edited by Muskrat37; 04-27-2010 at 03:22 PM. Reason: above information only applies to local server...not live site

  • #6
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Chrome and Safari are ignoring any div width percentages that are floated.....that is the common thread amongst the display issues with the images in this website.....
    Last edited by Muskrat37; 04-27-2010 at 03:23 PM. Reason: new revelation

  • #7
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry all - I don't know what is going on - but I just removed the first float - it fixed all problems - I put it back - and now there are no problems. WTF? This is driving me nuts - The site is now rendering properly..... in all browsers (IE, Firefox, Chrome and Safari) I am majorly confused, and apologize for the multiple replies......

    hope all my confusion prevents it for someone else.

    Muskrat


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •