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 4 of 4
  1. #1
    New Coder
    Join Date
    Mar 2011
    Location
    SouthEast
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS Help for Mac browsers

    I'm nearly finished my website but I'm noticing that the paragraphs on one of the pages http://www.friendshipcircle.com/bikers.asp aren't showing up correctly in any browser on a Mac, they're jumping out of alignment. I've attached a screenshot of how it should look. I know there must be an issue in the css but I don't know what it is and I'm curious why it's only happening in Mac browsers.

    Thanks!
    Attached Thumbnails Attached Thumbnails CSS Help for Mac browsers-bikers_screenshot.jpg  

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Location
    San Francisco
    Posts
    455
    Thanks
    19
    Thanked 15 Times in 15 Posts
    You actually have errors in your HTML. Validate in http://validator.w3.org/#validate_by_input, correct the problems, and see if that doesn't fix it.
    Outside of a dog, a book is man's best friend. Inside of a dog it's too dark to read. Groucho Marx

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,672
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Mac browsers aren’t any different from any other browser (i. e. Firefox for Mac renders the same as Firefox for Linux or Windows, likewise Safari, Chrome, Opera, and what not) so it’s definitely got something to do with your errors. The times where IE for Mac had a completely different layout engine than IE for Windows are over.

  • #4
    New Coder
    Join Date
    Mar 2011
    Location
    SouthEast
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by marilynn.fowler View Post
    You actually have errors in your HTML. Validate in http://validator.w3.org/#validate_by_input, correct the problems, and see if that doesn't fix it.
    Thanks for the heads up about the validation errors. The weird part is that I'm not having trouble with that area in any of the browsers and on any of the platforms that I checked. My problem is specifically with the alignment of the descriptive paragraphs next to each of the 4 pictures and only in all of the browsers on a mac. (As seen in the new screen shot I attached)

    Quote Originally Posted by VIPStephan View Post
    Mac browsers aren’t any different from any other browser (i. e. Firefox for Mac renders the same as Firefox for Linux or Windows, likewise Safari, Chrome, Opera, and what not) so it’s definitely got something to do with your errors.
    I hear you but unfortunately I'm only seeing these issues on a mac so I'm not sure what to think or do :-/
    Attached Thumbnails Attached Thumbnails CSS Help for Mac browsers-bikers_screenshot_mac.jpg  


  •  

    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
    •