Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Safari, Frames, and Popups

Hard to tell without the source files and I make no claims to be any kind of html wizard but I know Safari can be tough sometimes. NOt that these are the causes, more like observations, I was wondering why the top 2 frames did not have margin widths set and the bottom frame didn't have a height set? Could be nothing, but maybe try adding those values.

It seems safari is wanting to display the image as you get a pixel or so wide clip of it on the right side. The lack of width values may be causing the push over.

Just a guess, maybe you'll find something.
 
Safari does display the map, as Kid Red said, but it is out of view in the popup. You can see this if you go directly to the page the popup is displaying instead of clicking on the popup link.

I'm not sure exactly what the problem is, but try validating the page at http://validator.w3.org/. Pages that validate here are much more likely to consistently look right.
 
This should do it
<html>
<head>
<script LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=470,height=636,left = 100,top = 100');");
}
// End -->
</script>
<title>Stevens Pass 360 Tour</title>
</head>

<frameset rows="52,300,*" framespacing="0" frameborder="no" border="0">
<frame src="header.html" marginwidth="0" marginheight="0" name="header" scrolling="NO" noresize>
<frame src="base.html" marginwidth="0" marginheight="0" name="main" scrolling="no">
<frame src="frontsidemap.html" marginwidth="0" name="map" scrolling="NO" noresize>
</frameset>
<noframes>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
</body></noframes>
</html>
Click to expand...

Added marginwidth="0" to all the frame tags.
 
IE problems with Safari fix

First i wanted to say thanks to all who responded we've used the advice and the safari version now works fine but when selecting the Mill Valley map we're getting a double header that pops up in IE.

It seems the safari code is not working in IE. Can anyone see a missing piece to our puzzle?

http://www.studio360.com/developer/stevens2/index.html

on another note if someone is doing freelance work I would
love to have your name for future projects.
 
i am having a similar problem

Hi guys, i'm having a similar problem and it is affecting my website traffic.

my site is www.soulmist.com and a lot of macs regular it.
i update daily so its crucial i figure out what is going :/

i've been troubleshooting for some time now and this is what i've figured out:

the page that isn't functioning correctly is http://www.soulmist.com/mainframe.html

(if you try to get to it from my main page it won't work since i took the link down temporarily [this disables a large portion of my site! :( )


mac users that run safari (netscape 5.0?) cannot view the page correctly.
it is supposed to be a frameset with two frames: a menu on the left and a loading page on the right;
however, when it loads in safari all you get is the menu on the left (main.html) and when you click on a link, nothing loads in the righthand frame (id=dying)
instead of both right and left hand frames (main.html and dayxx.htm, where xx represents the number of the day) safari picks up only main.html.

when a link is clicked, it is supposed to send the link (day03.htm, day17.htm, ect...) to id=dying which would load in the left hand frame.

my compiler says that there is an error with id=dying in netscape 4.0 and 5.0 so i removed it, and the frame still works perfectly in all other browsers. still nothing fixed in safari though.

people have told me before that i could just direct the links from the menu to _parent _self or _blank, but i don't want every link opening a new window! nor do i want it loading on the same page! i want it to be seen beside the menu.

I run a windows PC so it is difficult for me to troubleshoot with macs.
I hope someone here can help me. Also i don't really know that much about safari. (and you might also notice that my html skills aren't to grand either)

thanks to anyone who helps, it would mean a lot to me!

- anthony
 
Soulmist, I looked at your site with all 10 of my browsers (Safari, Firefox, Camino, Mozilla, Netscape, Internet Explorer, Opera, OmniWeb, TrailBlazer and iCab), and it worked in all but Safari, TrailBlazer and OmniWeb.

I looked at the code and found that the problem seems to be where it says:
Code: 
frameset rows="*" cols="150%,400%"
If you change it so that they add up to 100%, like below, it seems to work.
Code: 
frameset rows="*" cols="27%,73%"

In the future, you can use http://www.danvine.com/icapture/ to view your site as it looks like in Safari, without needing a Mac.

You could also try validating the site at http://validator.w3.org/ to make sure that the code is correct. Validating increases the chance of a site being displayed consistently between browsers.
 
HOLY COW dude you rock
i mean you seriously ROCK.
thank you so much!

hahaha
man that was such fast help.
aw man i cannot thank you enough!

man. thank you!!!
 
studio360 said:
I've had a heck of a time finding a good forum to ask this question. We have a pop-up window that
has frames and a map loads in the bottom frame.

Its works on every browser except safari. On safari we get no map and a white margin on left. Anybody know what gives?

http://www.studio360.com/developer/Stevens/index.html
Click to expand...

I know a bunch of other people answered you with fix suggestions, but I just wanted to throw in, that it seems to work correctly for me in Safari. I don't see any white margins. See the attached picture -- isn't this what I'm supposed to see? Clicking on locations on the map also changes the view in the 360 frame. I have an iBook G4 of December '03 vintage, and Safari 1.2.1.
 

Attachments

  • Picture 2.jpg
    Picture 2.jpg
    58.6 KB · Views: 143
mkrishnan said:
I know a bunch of other people answered you with fix suggestions, but I just wanted to throw in, that it seems to work correctly for me in Safari. I don't see any white margins. See the attached picture -- isn't this what I'm supposed to see? Clicking on locations on the map also changes the view in the 360 frame. I have an iBook G4 of December '03 vintage, and Safari 1.2.1.
Click to expand...

The problem lies now rest with IE once I updated the code for Safari IE began giving me this problem. when selecting the Mill Valley map we're getting a double header that pops up in IE.

http://www.stevenspass.com - select virtual tour
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back