?
Solved

css style not working in Fire fox

Posted on 2011-02-13
2
Medium Priority
?
260 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

Command Line Tips and Tricks

The command line is a powerful tool at the disposal of every Linux user. Although Linux distros come with beautiful user interfaces, it's worthwhile to learn the command line because it allows you to do a number of things that you otherwise cannot do from the GUI.  

Question has a verified solution.

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

In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Suggested Courses

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