...

View Full Version : Very basic site not working in Firefox...



Charlie-uk
05-02-2006, 05:10 PM
Hi, my site on:

www.madeye.co.uk/index.htm

Is not working in Firefox, just thought someone might know why!

Thanks, Charlie

My CSS code looks like this:

body{
margin: 0;
padding:0;
background: #ffffff;
color: #000000;
}

#nav-menu li a:hover {

background: rainbow.gif repeat-y bottom left
color: #66cc33;
}

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li a{
height: 2%;
line-height: 100%;
float: left;
width: 100%;
display: block;
border: 100% solid #000000;
color: #000000;
text-decoration: none;
text-align: center;
}

#hdr{
height:100px;
background:#ffffff;
color: #ffffff;
border: 0px
margin:30px 0 0 0;
}

#lh-col{
position: absolute;
top: 140px;
left: 20px;
width: 150px;
border: 0px
background:#ffffff;
color: #66CC33;
margin: 0px;
padding: 0px;
height: 400px;
}

#mh-col{
position: absolute;
top: 18px;
left: 190px;
width: 580px;
border: 0px
background:#ffffff;
color: #FF66CC;
padding: 20px;
position :relative;
}

#rh-col{
position: absolute;
top: 140px;
left: 830px;
width: 150px;
border: 0px
background:#ffffff;
color: #3399FF;
margin: 0px;
padding: 0px;
height: 400px;
}

_Aerospace_Eng_
05-02-2006, 05:33 PM
It may be very basic but the CSS for it isn't the best. Try this for your CSS

/* Layout Stylesheet */

body{
margin: 0;
padding:0;
background: #ffffff;
color: #000000;
}

.nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

.nav-menu li a{
display: block;
border: 1px solid #000000;
color: #000000;
text-decoration: none;
text-align: center;
height:30px;
}

.nav-menu li a:hover {

background: url(rainbow.gif) repeat-y bottom left
color: #66cc33;
}

#hdr{
height:100px;
background:#ffffff;
color: #ffffff;
border: 0px
margin:30px 0 0 0;
text-align:center;
}

#lh-col{
margin-top:40px;
margin-left: 20px;
float:left;
width: 150px;
border: 0px
background:#ffffff;
color: #66CC33;
margin: 0;
padding: 0;
text-align:center;
}

#mh-col{
margin-left:190px;
margin-right:190px;
border: 0px;
background:#ffffff;
color: #FF66CC;
padding: 20px;
text-align:justify;
}

#rh-col{
margin-right:40px;
width: 150px;
border: 0px
background:#ffffff;
color: #3399FF;
margin: 0px;
padding: 0px;
float:right;
text-align:center;
}
#footer {
clear:both;
}
and this for your code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Lucy Taylor" />
<meta name="Robots" content="index,follow" />
<meta name="Description" content="Pedigree Cats" />
<meta name="Keywords" content="Pedigree, Cats, Siamese, Ragdoll, Burmese" />
<link rel="stylesheet" type="text/css" href="layout.css" />
<link rel="stylesheet" type="text/css" href="presentation.css" />
</head>
<body>

<!-- Header -->
<div id="hdr">
<p><img src="PCats1.gif" alt="" /></p>
</div>
<!-- end of Header -->

<!-- left column -->
<div id="lh-col">
<br />
<h4 align="center">Breeders</h4>
<br />
<div id="nav-menu">
<ul>
<li><a href="Index.html" title="Homepage">Home</a></li>
<li><a href="Register.html" title="Join the site to place an advert">Register</a></li>
<li><a href="Place.html" title="Add an advert for potential buyers to view">Place Advert</a></li>
<li><a href="Edit.html" title="Make changes to your advert">Edit advert</a></li>
<li><a href="Contact.html" title="Contact us with any queries">Contact</a></li>
</ul>
</div>
<br />
<br />
</div>
<!-- end of left column -->
<!-- right column -->
<div id="rh-col">
<br />
<h4 align="center">Buyers</h4>
<br />
<div class="nav-menu">
<ul>
<li><a href="Index.html" title="Homepage">Home</a></li>
<li><a href="Search.html" title="Search our database for kittens in your area">Search</a></li>
<li><a href="Info.html" title="View information on cat breeds">Breed Info</a></li>
<li><a href="Links.html" title="View other websites that may be of use">Links</a></li>
<li><a href="Contact.html" title="Contact us with any queries">Contact</a></li>
</ul>
</div>
<br />
<br />
</div>
<!-- end of right column -->
<!-- middle column -->
<div id="mh-col">
<h4>Welcome</h4>
<p>
Cats are becoming the most popular household pets worldwide. There are about 100 million cats in the Western world and this figure is on the increase. There are many reasons for feline popularity and one reason in particular is that cats make affectionate, extremely devoted companions.
There are also over a hundred recognised breeds of domestic cat. The main feline features that vary are body type, eye colour, coat colour and length of coat. Some pedigree cats are natural breeds and many others are the result of careful breeding.
</p>
</div>
<!-- end of middle column -->
<div id="footer">&copy; Copyright 2006</div>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum