Solved

css style not working in Fire fox

Posted on 2011-02-13
2
254 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

867 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now