By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,914 Members | 1,706 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,914 IT Pros & Developers. It's quick & easy.

CSS Error?

P: n/a
The web page at http://www.rossowinspections.com/ has an issue with the
left menu. The left menu has 7 links. One of the links doesn't work.
Using Firefox 1.5 the Fees link isn't a clickable link, if viewed as a
full screen. If you shrink the window down the Fees link then becomes
a link. The link works in IE and Mozilla. I've validated the CSS and
XHTML, the CSS had no errors, the XHTML has no errors other than the
paramaters for the anchor tag (I didn't think this was the culprit
since the links work if the screen is scaled down).

My CSS and XHTML are below, since shrinking the window fixes the
problem I took out any % declarations in the CSS thinking that was the
problem. That doesn't seem to fix the problem.

If it helps, I was experiencing different problem using Firefox on
Linux. The fees link was working, but a different link wouldn't work.
So I got a hold of one of the contributors to Firefox, praying that
this wasn't a Firefox issue. It isn't a Firefox issue, his response
was:

'... you have an absolutely positioned div with a z-index that puts it
over... something,
depending on your window size, font size, etc.'

Any thoughts or ideas would be greatly appreciated.
CSS--------------------------------------------
/* CSS */

/************************************************** ************************
Custom Styles
************************************************** *************************/
/*
Style for the left menu, for each table cell it sets the background
image
as the button and aligns the links in the center
*/
table.menutable td {
font-size: 11px;
background: url(../images/button.png) no-repeat center center;
/*padding: 8px;*/
font-weight: normal;
text-align:center;

}
/*
This is the gray seperator bar between the header and the content.
bar.jpg is the image, it is set as the table background image

*/
..lower_bar {
width: 780px;
height: 29px;
background: url(../images/bar.jpg) no-repeat;
border-left: solid 1px #666;
border-right: solid 1px #666;
}
/*
Style for the footer links
*/
a.contactInfo
{
color:#D33848;
text-decoration:underline
}
/*
Style for the footer address and phone information

*/
..contactInfo
{
color:#D33848;
}
/*
Style for the site heading first line
*/
..siteheading {
font-family:"Franklin Gothic Demi Cond", Arial, sans-serif;
font-size: 40px;
color:#D33848;
text-decoration: none;
font-weight: normal;
padding-right:100px;;
}
/*
Style for the second line of the site heading
*/
..siteheadingsub {
font-family:"Franklin Gothic Demi Cond", Arial, sans-serif;
font-size: 30px;
color:#D33848;
text-decoration: none;
font-weight: normal;
padding-right:100px;;
}

/************************************************** ************************
End of Custom Styles
************************************************** *************************/

..outer_table {
width: 784px;
background: #f5f5f5;
margin-top: -7px;
border-left: solid 1px #fdfdfd;
border-right: solid 1px #fdfdfd;
}
..shadow_cell_1 {
width: 783px;
margin: 0px 0px 0px 0px;
background: #e6e6e6;
border-left: solid 1px #ededed;
border-right: solid 1px #ededed;
}
..inner_table {
width: 782px;
background: #dcdcdc;
border-left: solid 1px #dedede;
border-right: solid 1px #dedede;
}
..shadow_cell_2 {
width: 781px;
background: #cdcdcd;
border-left: solid 1px #e3e3e3;
border-right: solid 1px #e3e3e3;
}
..top_bar {
width: 780px;
height: 7px;
background: url(../images/top_bar.jpg);
border-left: solid 1px #666;
border-right: solid 1px #666;
border-top: solid 1px #666;
}
..table_1 {
width: 780px;
height: 89px;
background: #fff url(../images/header.jpg) no-repeat 150px;
background-color:#A2A592;
border-left: solid 1px #666;
border-right: solid 1px #666;
border-top: solid 0px #666;
}

..seperator_bar{
width: 3px;
height: 404px;
background: url(../images/shortbar.jpg) repeat-y;
}
..fade_bar{
width: 3px;
height: 48px;
background: url(../images/fade.jpg) no-repeat;
}
..path {
padding-left: 5px;
padding-bottom: 13px;
}
..table_2 {
width: 780px;
background: #fff;
border-left: solid 1px #666;
border-right: solid 1px #666;
}
..left_modules {

width: 175px;
height: 404px;
padding-top: 15px;
background: url(../images/side_bar.jpg) repeat-x;

}
..main_content {
background: none;
padding: 10px;
}
..table_bottom {
width: 780px;
background: #ffffff;
border-left: solid 1px #666;
border-right: solid 1px #666;

border-bottom: solid 1px #666;
}
..footer {
height: 35px;
padding: 5px;
color:#ffffff;
}
body {
margin: 0px 0px 0px 0px;
background-color : #fff;
color : #465675;
}
td,tr,p,div {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333;
}
h4 {
color: #FF9900;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
}
h5 {
color: #FF9900;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; font-weight: bold;
}
h6 {
color: #FF9900;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}
a:link, a:visited {
font-size: 11px;
color: #D33848;
text-decoration: underline;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

a:hover {
/*
color: #23598d;
text-decoration: none;
*/
}
ul {
margin: 0px 0px 0px 0px;
}
li {
width: auto;
margin: 0px 0px 0px 0px!important;
margin: 0px 0px 0px 30px;
border: 0px;
padding: 0 0 0 0;
}

hr.separator {
background: transparent;
height: 1px;
width: 75px;
border: 1px solid #314B77;
}
..pagenav {
font-weight: normal;
}
a.pagenav, a.pagenav:visited {
font-weight: bold;
color: #343A58;
}
a.pagenav:hover {
color: #FF9900;
}
..small {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #343A58;
text-decoration: none;
font-weight: normal;
}
..smalldark {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #343A58;
text-decoration: none;
font-weight: normal;
}

..button {
color: #343A58;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 4px;
font-weight: bold;
text-align: center;
font-size: 12px;
background: #f5f5f5;
border: 1px solid #000066;
height: 20px;
cursor: pointer;
}
..inputbox {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #343A58;
background: #fff;
border: 1px solid;
}
..back_button {
font-size: 12px;
color: #fff;
width: 45px;
background: #f5f5f5;
font-weight: bold;
text-align: left;
padding: 4px 4px 4px 6px;
border: 1px solid #000066;
cursor: pointer;
}
..ontab {
background-color: #323A15;
border-left: outset 1px #DCF2FA;
border-right: outset 1px #808080;
border-top: outset 1px #DCF2FA;
border-bottom: solid 1px #d5d5d5;
text-align: center;
font-weight: bold;
color: #fff;
}
..offtab {
background-color : #e5e5e5;
border-left: outset 1px #E0E0E0;
border-right: outset 1px #E0E0E0;
border-top: outset 1px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: pointer;
font-weight: normal;
}
..tabpadding {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
..pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}
a.mainlevel:link, a.mainlevel:visited {
color:#D33848;
font-weight: bold;
text-decoration:none;

}
..buttonStyle
{
background-color: #990066;
}
a.mainlevel:hover {

color: #98A258;
/*
width: 100%;
font-weight: bold;
text-decoration:none;
text-align: center;
*/

}
a#active_menu {
color: #3D4E6D;
}
a.sublevel:link, a.sublevel:visited {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #343A58;
width: 150px;
font-weight: normal;
}
a.sublevel:hover {
color: #98A258;
width: 150px;
text-decoration: none;
}
..createdate {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
color: #343A58;
text-decoration: none;
font-weight: normal;
}
..modifydate {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #343A58;
text-decoration: none;
font-weight: normal;
}
a.readon:link, a.readon:visited {
color: #98A258;
text-decoration: none;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}
a.readon:hover {
color: #23598d; text-decoration: none;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}
..contentpane {
background-color : #fff;
}
..contentpaneopen {
background-color : #fff;
}
..contentheading {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #384366;
text-align:left;
line-height: 16px;
height: 15px;
}
..contentpagetitle {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FF9900;
text-align:left;
}
..contentdescription {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: left;
}
table.contenttoc {
color: #343A58;
background-color: #f5f5f5;
border-top: 1px solid #465675;
border-bottom: 1px solid #465675;
border-left: 1px solid #465675;
border-right: 1px solid #465675;
}
table.contenttoc td {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-align:left;
padding: 3px;
}
table.contenttoc th {
background: #384366;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #fff;
text-align: left;
text-indent: 15px;
width: 150px;
height: 24px;
border-bottom: solid 1px #666;
text-transform: uppercase;
}

..content_rating {
font-weight: normal;
font-size: 8pt;
}
..content_vote {
font-weight: normal;
font-size: 8pt;
}
..sectiontableheader {
background-color : #384366;
background-repeat: repeat;
padding: 2px;
color : #fff;
font-weight : bold;
padding: 2px;
}
..sectiontableentry1 {
background-color : #BED2EB;
}
..sectiontableentry2 {
background-color : #F3F3F3;
}
..category {
color: #3D4E6D;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.category:link, a.category:visited {
color: #3D4E6D; font-weight: bold;
}
a.category:hover {
color: #3D4E6D;
}
a.blogsection:link, a.blogsection:visited {
color: #44757D;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
}
a.blogsection:hover {
color: #759328;
text-decoration: underline;
font-size: 10px;
}
..componentheading {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #384366;
text-align:left;
}
table.moduletable {

width: 150px;
margin: 0px 0px 0px 7px;

}
table.moduletable th {
background: #fff;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
color: #384366;
text-align: center;
text-indent: 0px;
width: 150px;
height: 24px;
border-bottom: solid 1px #666;
text-transform: uppercase;
}
table.moduletable ul {
color: #ff0000;
}
..poll {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #343A58;
line-height: 14px
}
..pollstableborder {
border: 1px solid #465675;
}
a.weblinks:link, a.weblinks:visited {
color: #405115; text-decoration: none; font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
a.weblinks:hover {
color: #000099; text-decoration: underline;
}
..newsfeedheading {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #343A58;
}
..newsfeeddate {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #343A58;
font-weight: normal;
}
..fase4rdf {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #343A58;
font-weight: normal;
}
a.fase4rdf:link {
font-size: 11px;
font-weight: bold;
color: #356C82;
}
a.fase4rdf:hover {
font-size: 11px;
font-weight: bold; color: #759328;
}
table.searchintro {
background-color: #fff;
border: 1px solid #8D9ABC;
}
table.contact {
background-color: #fff;
}
table.contact td.icons {
background-color: #ccc;
}
table.contact td.details {
background-color: #F3F3F3;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
..pathway {
color: #fff;
}
a.pathway, a.pathway:visited {
color: #fff;
}
a.pathway:hover {
color: #98A258;
}
..site_name {
padding-top: 5px;
padding-left: 200px;
}
..center
{
text-align:center
}
..right
{
text-align:right;
}
..phone
{
float: right;
font-family:"Franklin Gothic Demi Cond", Arial, sans-serif;
padding-right:100px;
padding-top:3px;
font-weight:bold;
font-size:18px;
}
..left_lower_footer {
width: 175px;
}
hr.footerbar
{
width: 670px;
}

END CSS-----------------------------------------

XHTML -----------------------------

<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Rossow Home Inspections - Home</title>
<meta name="title" content="Home" />
<meta name="author" content="Administrator" />
<meta name="description" content="Rossow Inspections" />
<meta name="keywords" content="rossow,home
ispections,inspection,minnesota,mn" />
<meta name="Generator" content="Joomla! - Copyright (C) 2005 Open
Source Matters. All rights reserved." />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon"
href="http://www.rossowinspections.com/images/favicon.png" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>

<link href="templates/charity/css/template_css.css" rel="stylesheet"
type="text/css" />

</head>

<body>
<!-- Outer Table Begin - Begin Shadow Effect -->
<table align="center" class="outer_table">
<tr>

<!-- Cell 1 Begin - Second Shadow Layer -->
<td class="shadow_cell_1">

<!-- Inner Table Begin - Third Shadow Layer -->
<table class="inner_table">

<tr>

<!-- Cell 2 Begin - Fourth Shadow Layer -->
<td class="shadow_cell_2">

<!-- Top Bar Table Begin -->
<table class="top_bar" cellspacing="0" cellpadding="0">
<tr>

<!-- Empty Cell Begin -->
<td>
</td>

<!-- Empty Cell End -->

</tr>
</table>
<!-- Top Bar Table End -->
<!-- Main Image and Site Name Table Begin -->

<table class="table_1" cellspacing="0" cellpadding="0">
<tr>
<!-- Site Name Cell Begin -->
<td class="site_name right">

<font class="siteheading">Rossow Home
Inspections</font>
<br /><font class="siteheadingsub">Dan Rossow</font>
</td>
<!-- Site Name Cell End -->

</tr>
</table>

<!-- Main Image and Site Name Table End -->
<!-- Lower Bar Table Begin -->

<table class='lower_bar' cellspacing="0" cellpadding="0">
<tr>

<td>
<span class='phone'>612-229-8153</span>
</td>
<!-- Pathway Cell End -->

</tr>
</table>
<!-- Lower Bar Table End -->

<!-- Menu and Content Table Begin -->
<table class="table_2" cellspacing="0" cellpadding="0">
<tr>

<!-- Left Side Modules Cell Begin -->
<td valign="top" class="left_modules">
<table cellpadding="0" cellspacing="0"
class="moduletable">
<tr>
<td>
<table width="100%" border="0" cellpadding="8" cellspacing="0"
class="menutable">
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=1&amp;Itemid=2"
class="mainlevel" id='active_menu'>Home</a></td></tr>
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=2&amp;Itemid=3"
class="mainlevel" >About Us</a></td></tr>
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=7&amp;Itemid=4"
class="mainlevel" >Services</a></td></tr>
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=5&amp;Itemid=5"
class="mainlevel" >Fees</a></td></tr>
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=6&amp;Itemid=6"
class="mainlevel" >Sample Report</a></td></tr>
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=4&amp;Itemid=7"
class="mainlevel" >FAQ</a></td></tr>
<tr><td><a
href="index.php?option=com_content&amp;task=view&a mp;id=3&amp;Itemid=8"
class="mainlevel" >Contact</a></td></tr>
</table> </td>

</tr>
</table>
</td>
<!-- Left Side Modules Cell End -->
<!-- Seperator Bar -->
<td class='seperator_bar'>

</td>
<!-- End Seperator Bar -->
<!-- Top and Bottom Modules and Main Content Cell Begin
-->

<td valign="top" class="main_content">

<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<div align="left"><font face="Franklin Gothic Demi Cond"
color="#d33848" style="font-size: 24pt">Home</font> <br /> <hr
width="100%" size="2" /></div><div align="left">&nbsp;&nbsp;</div><div
align="left"><img width="166" height="109" border="0" align="right"
alt="House Picture"
src="http://www.allensservices.com/rossow/images/house.jpg" /><font
face="Arial" color="#000000" style="font-size: 10pt">Welcome to the
Home page of Rossow Home Inspections.</font><br /> <font face="Arial"
color="#000000" style="font-size: 10pt"> <br /> I provide buyers and
sellers of residential homes with a professional, independent
inspection.<br /> <br /> Buying a home is one of the largest
investments you will ever make. A professional home inspection will
provide you with the information you need to make an informed, wise
decision. My report will tell you the condition of the home before you
buy, possibly saving you money, hassle, and expense. After the
inspection you will have a clearer understanding about the property and
feel a sense of confidence about the purchase of the home.</font><font
face="Arial" color="#000000" style="font-size: 11pt"> </font> </div>
<div align="left" style="position: absolute; left: 111px; top: 220px;
width: 137px; height: 39px; z-index: 15"> <font face="Franklin Gothic
Demi Cond" color="#d33848" style="font-size: 36pt"> </font> </div>

</td>
</tr>
</table>

<span class="article_seperator">&nbsp;</span>

</td>
<!-- Top and Bottom Modules and Main Content Cell End
-->

</tr>
<tr>

<td></td>
<td class='fade_bar'></td>
<td></td>
</tr>
</table>
<!-- Menu and Content Table End -->
<!-- Footer Table Begin -->
<table class="table_bottom" cellspacing="0"
cellpadding="0">
<tr>

<td colspan='2'>
<hr class='footerbar' align='right' />
</td>
</tr>
<tr>
<td class="left_lower_footer">
</td>

<!-- Footer Cell Begin -->
<td align="center" class="footer">

<table border='0' cellpadding='5'>
<tr>
<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=1& Itemid=2'>Home</a></td>
<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=2& Itemid=3'>About
Us</a></td>
<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=7& Itemid=4'>Services</a></td>
<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=5& Itemid=5'>Fees</a></td>
<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=6& Itemid=6'>Sample
Report</a></td>

<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=4& Itemid=7'>FAQ</a></td>
<td><a class='contactInfo'
href='index.php?option=com_content&task=view&id=3& Itemid=8'>Contact</a></td>
</tr>
<tr>
<td colspan='6' class='center contactInfo'>
Rossow Home Inspections<br />
7397 Berkshire Way<br />

Maple Grove, MN 55311<br />
(612) 229-8153<br />
Fax: (763) 420-7366<br />
<a class='contactInfo'
href='mailto:da*@rossowinspections.com'>da*@rossow inspections.com</a>
<br />
<br />
<img src="templates/charity/images/fish.gif" alt="" />

</td>
</tr>
</table>
</td>
<!-- Footer Cell End -->

</tr>
</table>
<!-- Footer Table End -->

</td>

<!-- Cell 2 End - Fourth Shadow Layer -->

</tr>
</table>
<!-- Inner Table End - Third Shadow Layer -->

</td>
<!-- Cell 1 End - Second Shadow Layer -->

</tr>
</table>
<!-- Outer Table End - End Shadow Effect -->

</body>
</html><!-- 1141301832 -->

END XHTML -------------------------------------

Mar 2 '06 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.