Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

css style not working in Fire fox

Posted on 2011-02-13
2
Medium Priority
?
263 Views
Last Modified: 2012-05-11
I am trying to design a website template in MODX CMS using css. The css and html codes are as follows:

 
body {

 background-image: url(http://ladouceconsulting.com.au/assets/images/curtis_forest_wildlife1.png);
 padding:0;
 margin:0;
 background-attachment: fixed;

}

.clearboth
{

    clear: both;
    width: 0px;
    height: 0px;
    margin: 0px;
}

#headerdiv
 {
    height:25%;
    POSITION: fixed;
    BACKGROUND: url(http://www.ladouceconsulting.com.au/images/pano1.jpg) left bottom;
    Overflow:hidden;
    WIDTH: 100%;
    BORDER-TOP: black solid;
    BORDER-BOTTOM: solid black;
    margin: 0%;
    padding:0%;
    TOP: 0%;
    left:0
}

#logo
{
	position:absolute;
	width:366px;
    height:100px;
    padding: 0%;
    bottom: 0%;
    margin-left:12em;
    margin-bottom: 1em;


}
#address
{
	POSITION: absolute;
    bottom: 1.5em;
    font:10;
    color: #FFFFFF;
    margin:0;
    padding:0;
    margin-left: 38em

}

#contentbox  /* main content div  */
{
  position: absolute;
  padding:0;
  margin:0;
  width:86%;
  top:26%;
  border: solid #000033 ;
  background-color:#939598;
  left:5%;
  width:89.6%;
  float:left
}

#column1
{
  position: relative;
  margin:0%;
  height: 100%;
  width:20%;
  /*left:5%;*/
  padding:2%;
  /*background-color:yellow;*/
  top:0;
  float:left

}
#column2
{
  position: relative;
  margin:0%;
  /*height: 100%;*/
  width:48%;
  /*left:25%;*/
  border-left: solid thin black;
  border-right: solid thin black;
  padding:2%;
  /*background-color:pink; */
  top:0;
  float:left
}
#column3
{
  position: relative;
  margin:0%;
  height: 100%;
  width:20%;
  /*left:70%;*/
  padding:2%;
  /*background-color:green;*/
  top:0;
  float:left

}

#menudiv
{
  position:fixed;
  top:25.3%;
  left:5%;
  padding:0;
  margin:0;
  width:89.6%;
  border-left: solid black;
  border-right: solid black;
  background-color: white

}
#menudiv ul
{
position:relative;
padding:0px;
margin:0px;
padding-left:0
}
#menudiv li
{
position: relative;
float: left;
display:block;
list-style: none;
margin-right:0.25%;
margin-bottom:0;
margin-top:0;
margin-left:0;
padding:0;

}

#menudiv li a{

width:100px;
height: 30px;
display: block;
text-decoration:none;
text-align: center;
line-height: 30px;
background-color: black;
/*border-top-right-radius:10px 15px;
border-top-left-radius:10px 15px;*/
color: white;
margin:0;
padding:0
}


#menudiv a:hover
 {
background:blue;

}

#menudiv ul ul
{
  position: absolute;
  top: 100%;
  left:0;
  visibility: hidden;
  margin:0;
  padding-left:0
  }

#menudiv ul li:hover ul
{
visibility:visible;
}

Open in new window



<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />


<title>Ladouce Consulting - [[*menutitle]]</title>

<base href="[[++site_url]]">

<link rel="stylesheet" type="text/css" href="[[++site_url]]assets/css/style.css" />

</head>

<body class="body">



<!-- start content ------------------------------------------------------------------------>

<div id="contentbox">&nbsp;
  
<div id="column1" >
                 
    [[*TV_Work_Reference]]
            
</div> <!-- end column1 -----------------------------------------> 

<div id="column2" >
            [[*content]]
</div><!-- end column2 -->
 
<div id="column3" >
                &nbsp;
</div><!-- end column3 -->

<div class="clearboth">&nbsp;</div>

</div> <!-- end contentbox------------------------------->

<!-- start header ------------------------------------------------------------------------>

<div id="headerdiv">


<IMG id="logo" title="" name=logoimage alt="" src="http://www.ladouceconsulting.com.au/images/logo_white2.png" >


[[$Contact]]


</div>

<!-- end header ------------------------------------------------->

<!-- Start Menu Div -------------------------------------------->

<div id="menudiv">

[[Wayfinder? &startId=`0`]] 
 

</div>

<!-- End Menu Div --------------------------------------------->



</body>

</html>

Open in new window


The website displays relatively well in IE8,chrome,opera and safari. However, none of the style appear to parse in firefox 3.6.13

I Need help figuring out why
0
Comment
Question by:Sheils
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 9

Accepted Solution

by:
user_n earned 2000 total points
ID: 34882408
The problem is in
--------------------------------------------->
Firefox does not recognize it as end of comment. You should change it to -->
0
 
LVL 16

Author Comment

by:Sheils
ID: 34882443
Thanks user n that was brilliant
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
This video teaches users how to migrate an existing Wordpress website to a new domain.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.
Suggested Courses

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question