Ubuntu
firefox package

proper validated XHTML code yet won't display properly in mozilla firefox

Bug #148690 reported by Sepponen on 2007-10-03

Affects		Status	Importance	Assigned to	Milestone
	firefox (Ubuntu)	Won't Fix	Undecided	Unassigned

Bug Description

Binary package hint: firefox

Here is the code: (first the CSS sheet then the XHTML) It displays fine in IE - not in firefox - Mozilla drops the bottom out of the boxes under the pictures.
BODY{
background-image:url(../images/bg.png);
background-attachment:scroll;
background-repeat:repeat-x;
font-family: Verdana,Trebuchet MS, Helvetica, sans-serif;
background-color:#fef1b5;}

.header{
width:730px;
margin: 0 auto;
background-image:url(../images/header.gif);
height:69px;}

.mid_column{
width:730px;
margin: 0 auto;
}

.block_btm{
width:730px;
margin: 0 auto;
height:45px;}

.blocks1{
width:152px;
margin: 0 auto;
height:35px;
background-color:#7B3F00;
float:left;
color:#C2F203;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;}

.blocks2{
width:151px;
margin: 0 auto;
height:35px;
background-color:#7B3F00;
float:left;
color:#C2F203;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;}

.main_content_area{
       background-color:#fef1b5;
       width:730px;
       margin: 0 auto;
text-align: left;
       padding-top: 15px;
}

.footer{
width:730px;
margin: 0 auto;
font-color:#1b3f8b;
text-align: center;
}

.title{
       color:#FFFFFF;
       padding-top: 15px;
       float:left;
       width:200px;
       height:50px;
       font-weight: bold;
       text-align: center;
       font-size: 24px;
}

.navigation{
float:right;
padding-top:35px;
padding-right:15px;
color:#FFFFFF;}

.content_area{
width:547px;
float: left;
border-right: 0px #fef1b5 solid;
text-align: left;
}

.sub_content{
       background-color:#7B3F00;
       width:167px;
       float:right;
       color: #FFFFFF;
       margin-right:8px;
}

.sub_nav{
width:163px;
padding:10px;
color:#1464f4;
border-right: 0px #fef1b5 solid;
font-size:10px;
}

h2{
font-size:16px;
margin:0px;
color:#1464f4
}

h3{
font-size:14px;
margin:0px;
color:#1464f4
}

h4{
font-size:12px;
margin:0px;
color:#1b3f8b;
}

.content_area2{
width:350px;
float:right;
padding-right:5px;
padding-left:5px;
font-size:11px;}

a:link {color: #333333}
a:visited {color: #333333}
a:hover {color: #333333}
a:active {color: #333333}

.scroller{
overflow:auto;
width:150px;
height:200px;
border: solid 1px #CCCCCC;
list-style:none;}

.nav{
text-decoration:none;
color:#1464f4;
color:#1464f4;
font-weight:bold;
font-size:10px;}

.nav:visited{
text-decoration:none;
color:#333333;
}

.nav:hover{
text-decoration:none;
color:#333333;}

ul.menu{
margin:0px;
padding:5px;
list-style:none;
width:110px;}

img.screenshot{
width:60px;
height:50px;
float:right;}

*---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>One Resource Group</title>
<link href="stylesheet/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>

<body>
<div class="header"> <div class="title"> </div>
<div class="navigation"><a href="http://beta.orgcorp.com/" class="nav">Home</a> <span class="style2"></span> <a href="http://www.orgcorp.com/about.php" class="nav">About</a> <span class="style2"></span> <a href="http://beta.orgcorp.com/contact.php" class="nav">Contact</a> </div>

</div>
<div class="mid_column"><a href="http://beta.orgcorp.com/"><img src="images/main_area/block1.jpg" alt="life" width="183" height="201" border="0" /></a><a href="http://beta.orgcorp.com/"><img src="images/main_area/block2.jpg" alt="annuities" width="183" height="201" border="0" /></a><a href="http://beta.orgcorp.com/"><img src="images/main_area/block3.jpg" alt="Disability" width="182" height="201" border="0" /></a><a href="http://beta.orgcorp.com/"><img src="images/main_area/block4.jpg" alt="LTC/other" width="182" height="201" border="0" /></a></div>
<div class="block_btm">
<div class="blocks1" style="border-right: 1px solid #989898;"><a href="http://beta.orgcorp.com/"><span class="style4">Life</span></a> <br />
<span class="style1">Annual renewable term to universal life to whole life it's all here, & we're here to help you!</span></div>
<div class="blocks1" style="border-right: 1px solid #989898;"><a href="http://beta.orgcorp.com/"><span class="style4">Annuity</span> </a><br />
<span class="style1">Not just quotes & information but solutions as well! Our objective is to assist you.</span></div>
<div class="blocks2" style="border-right: 1px solid #989898;"><a href="http://beta.orgcorp.com/"><span class="style4">Disability</span></a><br />

<span class="style1">Top rated carriers & products. Our goal is the best coverage every time. We dare you to test us</span></div>
<div class="blocks2">
<a href="http://beta.orgcorp.com/"><span class="style4">LTC /Other</span></a><br />
<span class="style1">Individual, multi-life, med-supp or medigap? Critical care? We've got you covered. Call us! </span>
</div>
</div>
<div class="main_content_area"><div class="content_area"><div class="content_area2"><h2>Welcome</h2><br/>

ProblemType: Bug
Architecture: i386
Date: Wed Oct 3 15:27:24 2007
DistroRelease: Ubuntu 7.04
Package: firefox 2.0.0.6+1-0ubuntu1
PackageArchitecture: i386
SourcePackage: firefox
Uname: Linux bsepponen-desktop 2.6.20-16-lowlatency #2 SMP PREEMPT Sun Sep 23 19:54:02 UTC 2007 i686 GNU/Linux

Revision history for this message

Sepponen (eliz-sepponen) wrote on 2007-10-03:

Dependencies.txt Edit (2.1 KiB, text/plain; charset="utf-8")

Revision history for this message

John Vivirito (gnomefreak) wrote on 2008-05-09:

Firefox-2 is getting near EOS and they wont be fixing anything but major issues security issues mainly. Please try to reproduce this with firefox-3.0 if you can reproduce this bug please click on Help> Report a problem and file the bug that way.