I have a pice of html/css not displaying in ff 2 or 3 correctly but it does in IE.
Any ideas here the css and html. Very small error in top right where the second bit of text in h6 doesnt display at all in FF any version.
CSS
body {
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-size: 80%;
}
#container {
width: 673px;
margin: 0px auto;
}
#top {
color: #FFFFFF;
width: 221px;
height: 140px;
background-color: #778CB3;
}
#topright {
float: right;
height: 140px;
width: 447px;
text-align: right;
}
.cl {
clear:both;
}
#gallery {
width: 673px;
padding-top: 5px;
}
#news {
width: 213px;
height: 372px;
margin-top: 5px;
background-color: #778CB3;
color: #FFFFFF;
padding: 4px;
}
#menu {
width: 422px;
background-color: #F7CB33;
padding: 13px;
border-bottom: 5px solid #FFFFFF;
float: right;
}
#menu a:link, #menu a:visited, #menu a:active {
background-color: #F7CB33;
padding: 13px;
text-decoration: none;
color: #000000;
}
#menu a:hover {
padding: 13px;
background-color: #F01E1E;
text-decoration: none;
color: #FFFFFF;
}
#content {
width: 446px;
float: right;
height: 380px;
margin-top: 5px;
background-color: #A0AFCB;
}
p {
margin: 0 0 0 0px;
}
h1 {
padding: 4px;
margin: 4px;
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #F7CB33;
}
h2 {
text-align: center;
font-size: 300%;
font-weight: normal;
color: #FFFFFF;
}
#pad {
padding: 12px;
color: #000000;
}
#footer {
background-color: #F7CB33;
padding: 12px;
width: 649px;
color:#000000;
font-size: 90%;
text-align: center;
clear:both;
border-top: 5px solid #FFFFFF;
}
#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
color:#000000;
}
h4 {
font-size: 180%;
color: #000000;
text-align: center;
}
h5{
font-size: 110%;
color: #FFFFFF;
}
h6{
font-size: 110%;
color: #F01E1E;
text-align: center;
}
and HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Costs Specialists</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="business.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="topright">
<br>
<h4>Hayward Baker Costs Specialists </h4><br>
<h6>A complete service for the busy practicioner</h6> </div>
<div id="top">
<h2> </h2>
</div>
<div class="cl"></div>
<div id="gallery"><img src="1.jpg" alt="Image of calculator" width="226" height="140"><img src="2.jpg" alt="Image of Laptop" width="226" height="140"><img src="3a.jpg" alt="Image of network cable" width="221" height="140"></div>
<div id="content">
<div id="menu"><a href="#">home</a><a href="aboutus.html">about us</a><a href="#">contact</a><a href="
https://www.fileview.net/proclaim/loginhayward.php">fileview
</a> </div>
<div id="pad">
<p><img src="team.jpg" alt="Team work" width="190" height="188" style="padding: 8px; padding-right: 0px;float:right; "></p><br>
<h5>Costs a complete service </h5>
<p>At Hayward baker our aim is to make the recovery of costs as painless as possible by taking the burden from your existing fee earners. <br>
<br>
We aim not only to maximise the amount of costs recoverable per case, but to ensure those costs are recovered as quickly as possible.<br>
<br>
As we act as your agent throughout and where you are acting on a success fee we will recover a success fee on our time. This means you will be earning money for doing nothng. <br>
</p>
<p><br><br>
</p>
<p> </p>
</div>
</div>
<div id="news">
<h1>Our Services </h1>
<p>* Bill Preperation <br>
* Points in reply</p>
<p>* Advice</p>
<p>* Advocacy</p>
<p>* Negeotiation</p>
<p>* Issuing proceedings</p>
<p>* Attendance at hearings</p>
<p>* Collection of costs <br>
<br>
<br>
</p>
<p>To find out more call us on:<br>
01329 225 940 <br>
or<br>
Email: <a href="mailto:info@costssom
ething.co.
uk">info@c
ostssometh
ing.co.uk<
/a><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p>
</div>
<!-- this MUST remain intact, contact
www.now-design.co.uk | info@now-design.co.uk if you wish to remove it! thanks! -->
<div id="footer">This design is © of Hayward Baker Solicitors 2008 <a href="
http://www.hayward-baker.com/"
></a></div
>
</div>
</body>
</html>
Any ideas why|?
Start Free Trial
