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 10 of 10
  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    15
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Need Input from Mac Users!!!!

    Hi all,

    I'm working on a web site for my son's preschool, and I've got it looking just the way I want in all the Windows browsers (Firefox, Opera, Netscape, and IE). I took a look at it in Safari tonight on someone else's computer and discovered a problem on my home page: the top list item text is eating up two lines instead of one ("developmentally appropriate" is on the top line, and "curriculum" is on a second line). This is pushing everything downward so that the green nested newsblurb box is overlapping the footer. I was going to ask you Mac users out there what I need to do about that, but another Mac user friend just told me it looks fine. I'm now very confused, and I would GREATLY appreciate it if a few of you would take a look and let me know if there are any problems. If so, how can I fix them?

    http://www.fergusonfoundation.org/btw/bccdp/index.html


    Thanks SO much!!

  • #2
    New Coder
    Join Date
    Jun 2007
    Posts
    98
    Thanks
    12
    Thanked 3 Times in 3 Posts
    Why don't you download Safari yourself? It'd be much easier for you to see the actual problem rather than having someone report a problem.

  • #3
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    Mac user here. Safari does just as you say, pushes the green box down. The obvious solution is just taking the text size down a notch. It's fairly big and 0.1 or 0.2em less probably won't hurt legibility:

    Code:
    #homelist {
    	background-color: #f9ffb6;
    	height: 400px;
    	padding: 13px 10px 7px 0px;
    	font-family: "comic sans", "comic sans MS", cursive;
    	font-size: 1.3em;
    	line-height: 1.9em;		
    }
    Nice site, btw! I'd enroll my four-year-old
    matt | design | blog

  • Users who have thanked BoldUlysses for this post:

    Navlys (07-22-2008)

  • #4
    New Coder
    Join Date
    Jul 2008
    Posts
    15
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by aimerzz4 View Post
    Why don't you download Safari yourself? It'd be much easier for you to see the actual problem rather than having someone report a problem.
    Is there any difference looking at Safari in Windows as opposed to looking at it on a Mac? I assumed there was, which was why I wanted some Mac users to have a look.

  • #5
    New Coder
    Join Date
    Jul 2008
    Posts
    15
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by msuffern View Post
    Mac user here. Safari does just as you say, pushes the green box down. The obvious solution is just taking the text size down a notch. It's fairly big and 0.1 or 0.2em less probably won't hurt legibility:
    Oddly, the text looks much bigger in Safari than it does in any of the browsers in Windows. My fear is that, if I reduce the size to suit Safari, it will be too small in all the other browsers. What version are you running, by chance? My friend is running Safari v. 3.1.2, and he says the page looks fine. The green box is right where it should be.


    Quote Originally Posted by msuffern View Post
    Nice site, btw! I'd enroll my four-year-old
    Thanks a bunch! And thanks for your help.

  • #6
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    There shouldn't be, but there's no harm in downloading an extra browser to see for yourself. I have Safari, Camino, Firefox and Opera installed on this Mac, along with Firefox, Opera, Safari, IE6 and IE7 on my PC at work. You can never have too many browsers on too many platforms.

    Edit: Just saw your post. I'm running 3.1.1 'cause I'm lazy and haven't yet installed the update.
    Last edited by BoldUlysses; 07-22-2008 at 03:58 AM.
    matt | design | blog

  • Users who have thanked BoldUlysses for this post:

    Navlys (07-22-2008)

  • #7
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    No. Either version of Safari uses the WebKit engine as its HTML rendering engine. It will produce the same results.

  • Users who have thanked macwiz for this post:

    Navlys (07-22-2008)

  • #8
    New Coder
    Join Date
    Jul 2008
    Posts
    15
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Well, I just downloaded v. 3.1.2 for Windows, and I see the same problem. I'm not sure why my friend doesn't. There is a distinct difference in text size between Safari and the other browsers, and I can't understand why that should be if I'm using stylesheets. I'll try reducing the text size, and see what happens.

  • #9
    New Coder
    Join Date
    Jul 2008
    Posts
    15
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Okay, reducing the text size did the trick. I only needed to reduce by .1em, and that fixed the problem in Safari but didn't affect the other browsers too much. Thanks to everyone for their input, particularly msuffern. I appreciate it!! :-)

  • #10
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,478
    Thanks
    6
    Thanked 981 Times in 954 Posts
    Nowadays modern browsers usually follow standards very well and they do the same on different OSs, sooooo… if you code a document properly it should display the same in the latest versions of Opera, Firefox/Camino/Netscape, and Safari (and IE 7 in most of the cases), and it doesn’t matter on which system.

    There are a few differences/issues with Safari 2 or 1, though, and we can’t assume all Mac users have upgraded to Safari 3. That’s why I have installed version 2 and 1 from Multi-Safari (for Mac only, of course), along with the latest version.


  •  

    Posting Permissions

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