Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > Web page looks bad on Safari

Web page looks bad on Safari
Thread Tools
Fresh-Faced Recruit
Join Date: Jun 2005
Status: Offline
Reply With Quote
Jun 3, 2005, 03:57 PM
 
I build websites and I have a client on a mac

I do not have a mac (can't afford it yet but I am trying)

on the home page of the site I built and a couple of the other pages
it looks bad to him in Safari

like the home page has an extra 2 inch space at the top that I do not see on my PC

I was wondering if someone could look at it and tell me why it is happening so I can fix it for my client


if you go to this address you can see the site

http://www.bootyparlor.com/index.php

and enter this (I have it password protected because it is not live)

UserName :booty
Password : indicom

=============================================


thank you in advacne I am desperate.....
     
Mac Elite
Join Date: Oct 2000
Location: Baltimore, MD
Status: Offline
Reply With Quote
Jun 8, 2005, 07:28 AM
 
I have a feeling it has to do with IE pc not supporting the height attribute on table/cell tags and safari does. or vice versa. Either way, its not a standard, and just by quickly looking I think thats your problem.
     
Fresh-Faced Recruit
Join Date: Apr 2001
Location: Atlanta, GA, USA
Status: Offline
Reply With Quote
Jun 10, 2005, 11:17 AM
 
this is actually one of those crazy browser problems that I see all the time. I took a look at your code and made some changes to make it work perfectly and I was going to email it to you, but you won't allow that. But here's what I did... this should help everyone else out as well:

First, I got rid of all Height tags that had percentages as their values. IE will take percentage of available space and Safari uses percentage of space on the page. That's why the Safari render is so much further down.

Next, got rid of your left and right gutter columns until all I was left with is your content. Next I wrapped your content in a table like so:

[html]<table width=100% height=100%><tr><td align=center valign=middle>
<! --- ALL YOUR CONTENT GOES HERE -->
</td></tr></table>[/html]

Then IE & Safari both see that height=100% as the total height of the page.

Also, I got rid of your duplicate <body> tag.

Hope that helps you and others.

Mark Armstrong
Development Lead
MailChimp
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 07:34 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2