Solved

css style not working in Fire fox

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

Industry Leaders: 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

Suggested Solutions

Title # Comments Views Activity
Getting robots.txt Error 9 54
Cannot access website or email server 4 81
Google Chrome: Debugging AJAX call 6 33
carousel control extend past the images 9 22
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

738 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