HTML - Safari Issue

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

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?

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!

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?

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.

http://www.vancouver4condos.com/test/
In the top-left corner of my map (under the "Downtown" tab) there should be a navigation menu with four buttons showing. This menu looks fine in Firefox, IE and Opera, but not in Safari. When I open this page in Safari, that menu loads underneath my map image. I have no clue what is causing it.

Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated!

Domain: www.drewandjess.net

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!-->

<script type="text/javascript"><!-->changes title bar to match title on current page in frame<!-->
function changeTitle()
   {
   if (top.frames['main'].document.title)
      {
      top.document.title=top.frames['main'].document.title;
      }
   }
</script>
</head>


<frameset>
<frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!-->

<noframes>

<body>
If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox.
</body>

</noframes>

</frameset>

</html>

We have some data that is put into a table with a link to images if available.
In Firefox (although only in version 4), the following works:
<table>
<tr><td></td><td><a><a href="../images/image1.wma" </a>Image label</a>< br />Second line of label (don't want this underlined)</td>
...
</table>

but the same web page doesn't show any links in Safari (5.0.5). I thought maybe Safari didn't like links in a table, so I removed the table. Still no links. I thought maybe it was the relative reference and made it absolute. No luck. I've tried removing the extra <a> and it doesn't change anything. The extra <a> is to keep the second line from being underlined.

What am I missing?

Mei

I had previously posted an issue about a page that would not display in Safari (http://www.htmlforums.com/html-xhtml...tml#post627071) Thanks to Peter V, I was able to fix the major issues.

However, now there is one portion of the page that does not display - a table including a logo and a search box at the top. The page displays correctly in IE and Firefox for Windows, and Firefox and Netscape for Mac, but not in Safari (for Mac - haven't tried Safari for Windows).

The URL is http://www.buttecounty.net/bclibrary/

Any assistance would be greatly appreciated.

Thanks,
Derek

ref: www.nofocusprototype.com/vanallen

When viewed in FireFox, Opera and Camino, the menu bar and video footer are both perfectly aligned with the video box. In Safari and Chrome, however, the menu bar and the footer are a few pixels off plus the footer is separated from the bottom of the video box by a 1 or 2 pixel space.

I could naturally adjust the menu bar and footer to display properly in Safari and Chrome, but then they would not display properly in the other browsers. This is certainly a Catch-22 situation.

Anyone know a fix for this? BTW, I note that many people have display issues with Safari--one Apple rep told a questioner to get FireFox!

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

Hi there. My site is not working on Safari. It also doesn't work on Google's Chrome, so I've been told. But it works on Firefox and other browsers.

Here's the url...

http://www.prs-nj.com

Anyone got any ideas?

Thank you,

Gidmeister

I am having display problems in Safari (3.1.1).

All other browsers installed in my computer show the site correctly:
Opera 9.21
Chrome 1.0.154.43
IE 7.0.5730.11

Here is the page:

http://www.shootthehead.com/safari.htm

Any help is appreciated.

Solved by myself.