Solved

css style not working in Fire fox

Posted on 2011-02-13
2
255 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
2 Comments
 
LVL 9

Accepted Solution

by:
user_n earned 500 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

777 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