• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1076
  • Last Modified:

safari problem with screen display html

I am having a problem with safari. The menu bar does not render correctly, but works fine in IE and Mozilla. I have tried numerous ways to try to fix this, but I am stuck.

Here is the code for the header.htm file which is a php include.

<div style="width: 800px; height: auto; background-image:url(images/bkg-header2.jpg); background-repeat:repeat-x;" class="login"><table width="85" cellspacing="4" cellpadding="3" border="0" align="right" class="dl_table"><tbody><tr><td width="85" bgcolor="#d6dce1"><a href="#" class="login" onclick="javascript: secondwindow =open('http://www.real-estate-proforma.com/login/login.php','login','height=900, width=900, scrollbars=yes,resizable=yes,top=100,left=100,screenx=100,screeny=100,addressbar=1,toolbar=1,statusbar=1,menubar=1'); secondwindow.focus();">-login-</a></td></tr><tr><td width="85"  bgcolor="#aac7de"><a href="#" class="login" onclick="javascript: secondwindow = open('https://www.real-estate-proforma.com/login/register.php','login','height=900,width=900, scrollbars=yes,resizable=yes,top=100,left=100,screenx=100,screeny=100,addressbar=1,titlebar=yes,location=yes,toolbar=1,statusbar=1,menubar=1');secondwindow.focus();">-register-</a></td></tr></tbody></table><img src="images/logo-hack.jpg"/><img src="images/fill.jpg" /><img src="images/fill.jpg" /><a href="contact.php"><img src="images/helpa.jpg" style="border:none"/></a><img width="52" height="50" border="0" src="images/users.jpg"/><img src="images/house.jpg" /></div>

Here is the css

.content .login{table_align: right; font-size: 11px; top: auto; width: auto; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; color: #0e4075;  text-decoration:none; font-style: normal;}

.login A:link{ font-size: 11px; BORDER-RIGHT: #121212 0px solid; FONT-WEIGHT: bold; COLOR: #606a84; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; TEXT-DECORATION:none; }

.login A:visited {font-size: 11px; BORDER-RIGHT: #ffffff 0px solid; FONT-WEIGHT: bold; COLOR: #606a84; padding-left: 4px;
padding-right: 4px; padding-top: 4px; padding-bottom: 4px; TEXT-DECORATION: none;}

.login A:hover {font-size: 11px; BORDER-RIGHT: #ffffff 0px solid; FONT-WEIGHT: strong; COLOR: #9c4352;
 padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;
TEXT-DECORATION: underline;}

0
derekstattin
Asked:
derekstattin
1 Solution
 
xberryCommented:
An attribute

FONT-WEIGHT: strong;

does not exist, by the way and before going into further details,
there are browsers who react quite sensitive when given nonexisiting data. ; ))
0
 
derekstattinAuthor Commented:
thanks, I will take a look at the css file in more detail.
DW did not pick up the error here, and I missed it!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now