HTML - Problem With Safari

Hello,

I am having a problem with frame targeting in safari.

The problem page:

http://www.danshamptons.com/insider_guide/summer10/

Click "arts & attractions" on left
Click "amagansett"
Click "the art barge" (pulls up a dummy listing)

Now click "amagansett" again.

The page opens in a new browser window, instead of the frame
"listingcontent" as it did when it was first clicked.

This only is happening with Safari.

Can anyone tell me what is happening here, and what a solution might be ?

Thanks,
Colin

Hey guys,

I'm managing this website that my boss created. I'm a devoted Dreamweaver user and she created it HTML style. I need help because I can't figure out why it's not showing up in Internet Explorer, Firefox, and Netscape. It shows up in Safari, but that's not going to satisfy our client.

Here's the url:

http://www.kwph.com

it's the logo under the About Us section.

Thank you for any help

Jordan

Hello, I'm new to the forums =) I'm currently having a problem with my navigation which involves images. Initally I used the traditional image map method using area maps and the usemap function but it only worked in the webpage itself, and when the webpage shows in an iframe the links are nonexistent.

So I sliced my navigation to give the sliced images the url link instead. As usual, they work on their own but when the page is shown in an iframe, some of the links disappear (you can't even hover on them) only in Firefox, Chrome and Safari. But some of the links are also still intact. In IE and Opera they work perfectly fine.

Below is the code for the page which contains the navigation and links aforementioned, which will be displayed in an iframe of another page:

Code:

<!-- ImageReady Slices (mainframe.jpg) -->
<table id="Table_01" width="971" height="565" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="4">
			<img src="images/mainframe_01.gif" width="200" height="531" alt="""  style="z-index:-3;"></td>
		<td>
			<a href="defence.html" target="_parent"
				onmouseover="window.status='STET Defence';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_02.gif" width="332" height="163" border="0" alt="" style="z-index:1;"></a></td>
		<td rowspan="4">
			<img src="images/mainframe_03.gif" width="438" height="531" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="163" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="maritime.html" target="_parent"
				onmouseover="window.status='STET Maritime';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_04.gif" width="332" height="134" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="134" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="homelandsec.html" target="_parent"
				onmouseover="window.status='STET Homeland Security';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_05.gif" width="332" height="138" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="138" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="centre.html" target="_parent"
				onmouseover="window.status='STET Centre';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_06.gif" width="332" height="130" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="https://mail.stet.com.sg/owa/auth/logon.aspx?url=https://mail.stet.com.sg/owa&reason=0" target="_parent"
				onmouseover="window.status='Login to Intranet';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_07.gif" width="200" height="34" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<a href="sitemap.php" target="mainframe"
				onmouseover="window.status='Lost?';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_08.gif" width="438" height="34" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="34" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->

<div id="pict" style="position:absolute;top:200px;left:10px;z-index:0;">
<iframe name="news" src="news.php" FRAMEBORDER=no name="frame" allowTransparency scrolling=auto style="filter:chroma
(color=#FFFFFF)"  width="185" height="90"></iframe>
</div>

There is another iframe in this page which I wonder might be causing the problem. However even when I removed it the problem remains.

Any ideas how to fix it?

Would really appreciate the help, thanks!

I have a simple slide over menu for navigation in a div. Safari and Firefox both work. ON IE it's shifted over to the right a little more and the slide over menus wont appear. Any options?

on my website's guestbook page http://ryanhollis.webs.com/guestbook.html the guestbook is put on the page by javascript that was given to me by Freewebs, i dont have the JS or edit it freewebs takes care of that, its mostly external
the guestbook page loads just like it should in Safari and Google Chrome, but in Firefox and Internet Explorer the HTML loads, but not the guestbook JS
i really have no idea why its doing this, because the HTML and CSS have both been validated and I don't see anything wrong with the code (as if my opinion on that means anything)
one of my friends recently told me it wasnt working, i dont know how it started i didnt even notice because i only use safari, and recently switched to Chrome, but originally it was working in all browsers
code for the main part of the guestbook page including the js:
HTML Code:

<div id="body">
	<img src="icons/body1.png" alt="" width="642" height="64"/>
	<h1>Guestbook!</h1>
	<p>
		BLA BLA
	</p>
	<div id="guestbook">
		<script src="http://link.members.freewebs.com/JS/checkLogin.jsp" type="text/javascript" />
		<script type="text/javascript" src="http://images.freewebs.com/JS/fw.js" />
		<script type="text/javascript" src="http://images.freewebs.com/JS/fwComments.js" />
		<script type="text/javascript">
		<!--
			new fwComments('myguestbook', 8468750, 31154415,  {requireLogin:false, alignNavRight:true, showLowerPaging:true, showHideLink:false, commentCountText:' Signatures', isGuestbook:true, limit:20, showRatings:false, duration:0, showDate:true, startPostClosed:false, showLogin:true, showIP:true, postText:'Sign Guestbook'});
		// -->
		</script>
	</div>
	<img src="icons/body3.png" alt="" width="642" height="70"/>
</div>

code for the CSS that hits this (doubt thats the prob but just in case)
Code:

#guestbook{
margin:0px 30px 0px 30px;
text-align:right;
}
#body{
position:absolute;
margin:239px 0px 0px 192px;
background:#ff0000 url('http://ryanhollis.webs.com/icons/body2.png');
width:642px;
}

Can you tell me why this is not working?
Thanks guys!

Hi,

I have a site that loads fine on Chrome and IE.

Don't see a section of it on Safari or Firefox. Page comes up blank. its supposed to show flash object.

The site is

kidsooda.com

The section page that does not work in Safari and FF is

kidsooda.com/inside/#/contact

If you have any ideas I'd really appreciate it.


THANK YOU !!

Uploaded with ImageShack.us

My website is www.tuckermatthewsphoto.com

This is what my side menu looks like when I open it in Firefox. Note the box to the left of "automotive". It's a link to the home page, just like the "Tucker Matthews Photography" image. I've tried ironing it out all day, caved in and asked for help. In safari the "Automotive" link is in line with the others. Please help! Check my source code and my CSS out! This is killing me!

Greetings to you all,

Today's question I have is this:

Does anyone know how to achieve transparency with svg files in Safari?

I have an orange colored circle graphic in svg format. I want to display it on a colored background, maybe even an image background but in Safari it shows a white square around the circle. I have tried using the embed tag and the object tag and both show the white square. Both embed and object seem to be fine for Firefox and Opera. I have used img src and this displays the graphic as it should be in Safari but doesn't show at all in Firefox.

I have spent the last three hours searching the net for an answer but there doesn't seem to be a solution out there.

I would really appreciate some help. I'm sure there must be other people with the same problem.

Thanks very much.

Ok, this might be simple, but I can't figure it out!

I have created a table, which looks great in Safari/Firefox but looks horrid in IE.

This screen shot is Safari-
http://i239.photobucket.com/albums/f...Picture4-2.png

This is IE (looks rubbish, and jumbled up)
http://i239.photobucket.com/albums/f...od4/table1.jpg

This is the code:

<div class="boxout">
<h2><font size="3" face="Verdana" color="white"><i>Drivers Standings</i></font></h2>
<br />
<font color="white" size="2" face="verdana">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<u>W&nbsp;&nbsp;&nbsp;P</u>
<table border="1" RULES=NONE FRAME=VOID>
<TABLE CELLPADDING=5 CLASS="tealtable">
<tr>
<td>01&nbsp;</td>
<td>Lewis Hamilton&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>

<tr>
<td>02&nbsp;</td
<td>Felipe Massa&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>

<tr>
<td>03&nbsp;</td
<td>Kimi Raikkonen&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>04&nbsp;</td
<td>Robert Kubica&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>05&nbsp;</td
<td>Fernando Alonso&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>06&nbsp;</td
<td>Nick Heidfeld&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>07&nbsp;</td
<td>Heikki Kovalainen&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>08&nbsp;</td
<td>Sebastian Vettel&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>09&nbsp;</td
<td>Jarno Trulli&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
<tr>
<td>10&nbsp;</td
<td>Timo Glock&nbsp;</td>
<td>0&nbsp;&nbsp;&nbsp;</td>
<td>0</td>
</tr>
</table>
<br />
<p><a href="#"><font color="white" size="2" face="Verdana">Click to see whole table</font></a></p>
<font color="white" size="2" face="verdana">W = Wins | P = Points
</div>

Any ideas?

Can anyone tell me why all the content jumps to the right in Safaria for page of my website?

It looks fine in all other major browsers...

http://www.kasedesign.co.uk/ysm/business.htm

Thanks in advance…

Hi all! Quick question about the two different browsers, IE and Safari. . . On my home page at www.rentxotic.com I have two buttons programed to be in the top right corner, IE doesn't load this 100% of times, but safari always has it no matter what page your on. Does anyone know what the compatibility issue is with this? How can I fix it?

THANKS
- Ryan

PS all you guys have been such a great help, your time is much appreciated!

Hi,

I recently put up a new website at http://oubeta.org/ . I just realized that it works just fine in Firefox, but not in Safari. Would someone mind taking a peek at the source code of index2.htm (the page you go to after clicking on the main logo, or just he http://oubeta.org/index2.htm). Only the background image shows up in Safari, and none of the other content.

Thanks

Our organization's webpage was created in Dreamweaver, with some additional javascript and html code added by an intrepid staff member with just enough knowledge to be dangerous.

The page displays properly in Internet Explorer and Firefox for Windows, as well as Firefox and Netscape for Mac. However, the page displays a white screen in Safari. The page is loading, because the page title displays, and it is possible to view the source code for the page using the "View --> View Source" menu option. But none of the page content shows up. I did not find any relevant help in the Safari forums on the apple page, so I'm wondering if this is a simple coding problem that I don't know enough to ferret out. Any assistance would be greatly appreciated.

The website address is http://www.buttecounty.net/bclibrary
Thanks,
Derek

Solved by myself.

HI,

I am trying to fix a webpage ( http://www.d.umn.edu/itss/labs/maps/ ) which uses some pretty complex html (atleast for me) to show pop ups when you rollover the numbers on a map of the building. They work fine in IE and Fire Fox but dont work properly in Safari. Any ideas on why it acts funny in Safari?

Here is the code used to show the pop up for one of the numbers on the map.

<!-- BEGIN POPUP CODE _MWAH 177_ -->
<div class="test-popup">
<div id="lab-title" class="pdiv">
<p class="ptitle">MWAH 177</p>
</div>
<table width="100%" cellpadding="0" cellspacing="0" style="margin: 0px; padding: 0px">
<tr><td>
<div id="lab-info" class="pdivnob">
<p class="pinfo"><img src="pcicon.jpg"><img src="bwprinticon.jpg"><span class="pinfot">TODAY'S
HOURS:</span> 8:00am - 8:00pm</p>
</div>
</td></tr></table>
<table class="pinner" cellpadding="0" cellspacing="0" style="margin: 0px; padding: 0px; border-bottom: 1px solid black; border-top: 1px solid black" width="100%">
<tr>
<td valign="top"> <div id="lab-info2" class="pdivnob">
<p class="pinfo"><span class="pinfot">CURRENT AVAILABILITY:</span></p>
</div></td>
<td valign="middle"> <img src="http://labstats.d.umn.edu:8080/PieChart?lab=6&title= " height="90" border="0" align="middle">
</td>
</tr>
<tr>
<td colspan="2" align="center"> <img src="key.jpg"> </td>
</tr>
</table>
<div id="lab-links" class="pdiv">
<p class="plinks"><span class="pinfot"><a href="http://labstats.d.umn.edu:8080/public/public.swf?map_id=4&lab_id=6&srv=http://labstats.d.umn.edu:8080" target="_blank">ROOM
VIEW</a> | <a href="https://summit.d.umn.edu/r25/html/Computer_Labs.html" target="_blank">SCHEDULE</a>
| <a href="#10" target="_self">LAB INFO</a></span></p>
</div>
</div>
<!-- END POPUP CODE -->