PDA

View Full Version : FireFox Vertical Alignment Issue


iDerek
06-17-2008, 03:47 PM
In Internet Explorer, http://habbo.us looks fine. But if you view the website in FireFox, there are vertical alignment issues with the stats and rare values.

I will post all of the important files for the rare values box, please let me know if you see any solutions!


index.php<?php
$locked = '0';
if ( $locked == "1" ) {
include 'soon.php';
}

if ( $locked == "0" ) {
$initial = $_REQUEST['page'];
if ( $initial == "" ) {
$initial = 'intro.html';
}
echo '<!DOCTYPE HTML SYSTEM>
<head>
<?php /* ?>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<?php */ ?><meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript" src="http://habbo.us/pageload.js"></script>
<script type="text/javascript" src="http://habbo.us/progressload.js"></script>
<title>Habbo.US</title>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://habbo.us/favicon.gif" type="image/gif">
<base target="Main">
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<style type="text/css">
.style1 {
border-width: 0;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-image: url(';
echo "'http://habbo.us/backgrounds/background4.gif')";
echo '">
<!-- ImageReady Slices (HabboUS13.psd) -->
<table id="Table_01" width="901" height="1297" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="15">
&nbsp;</td>
<td colspan="20">
<a href="http://www.habbo.us/" target="_top">
<img src="images/HabboUS14_02.gif" width="752" height="123" alt="" class="style1"></a></td>
<td rowspan="14">
<img src="images/HabboUS14_03.gif" width="74" height="1291" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="123" alt=""></td>
</tr>
<tr>
<td colspan="20">
<iframe name="I5" id="I5" marginwidth="1" marginheight="1" height="168" width="752" scrolling="no" border="0" frameborder="0" src="frames/header.html">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></td>
<td>
<img src="images/spacer.gif" width="1" height="168" alt=""></td>
</tr>
<tr>
<td colspan="20">
<img src="images/HabboUS14_05.gif" width="752" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/HabboUS14_06.gif" width="11" height="105" alt=""></td>
<td colspan="15">
<iframe name="I1" marginwidth="1" marginheight="1" height="92" width="730" scrolling="no" border="0" frameborder="0" src="adsense.html" id="I1">
Adsense Here</iframe></td>
<td colspan="2" rowspan="2">
<img src="images/HabboUS14_08.gif" width="11" height="105" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="92" alt=""></td>
</tr>
<tr>
<td colspan="15">
<img src="images/HabboUS14_09.gif" width="730" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/HabboUS14_10.gif" width="1" height="885" alt=""></td>
<td colspan="5" rowspan="3">
<img src="images/HabboUS14_11.gif" width="63" height="36" alt=""></td>
<td colspan="11">
<img src="images/HabboUS14_12.gif" width="668" height="11" alt=""></td>
<td colspan="3" rowspan="3">
<img src="images/HabboUS14_13.gif" width="20" height="36" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="11">
<iframe name="marquee" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" width="668" height="13" src="http://habbo.us/m.php" id="I5">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/HabboUS14_15.gif" width="668" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<iframe name="I2" marginwidth="1" marginheight="1" height="834" width="150" scrolling="no" border="0" frameborder="0" src="frames/left.html" target="Main" id="I2">
Left Frame Here</iframe></td>
<td rowspan="7">
<img src="images/HabboUS14_17.gif" width="1" height="849" alt=""></td>
<td colspan="3">
<iframe name="Main" marginwidth="1" marginheight="1" height="830" width="433" scrolling="no" border="0" frameborder="0" src="';
echo $initial;
echo '" id="I3">
Main Frame Here</iframe></td>
<td rowspan="7">
<img src="images/HabboUS14_19.gif" width="1" height="849" alt=""></td>
<td colspan="3" rowspan="2">
<iframe name="I4" marginwidth="1" marginheight="1" height="834" width="165" scrolling="no" border="0" frameborder="0" src="frames/right.html" id="I4">
Right Frame Here</iframe></td>
<td rowspan="7">
<img src="images/HabboUS14_21.gif" width="1" height="849" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="830" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="images/HabboUS14_22.gif" width="433" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="images/HabboUS14_23.gif" width="150" height="2" alt=""></td>
<td colspan="3" rowspan="5">
<img src="images/HabboUS14_24.gif" width="165" height="15" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/HabboUS14_25.gif" width="3" height="12" alt=""></td>
<td colspan="2" rowspan="2">
<a href="http://habbo.us/frames/main.html">
<img src="images/HabboUS14_26.gif" width="33" height="11" alt="" class="style1"></a></td>
<td rowspan="3">
<img src="images/HabboUS14_27.gif" width="6" height="12" alt=""></td>
<td colspan="2" rowspan="2">
<a href="http://habbo.us/contact.html">
<img src="images/HabboUS14_28.gif" width="60" height="11" alt="" class="style1"></a></td>
<td rowspan="3">
<img src="images/HabboUS14_29.gif" width="11" height="12" alt=""></td>
<td rowspan="3">
<a href="http://habbo.us/frames/help.html">
<img src="images/HabboUS14_30.gif" width="24" height="12" alt="" class="style1"></a></td>
<td rowspan="3">
<img src="images/HabboUS14_31.gif" width="1" height="12" alt=""></td>
<td rowspan="4">
<img src="images/HabboUS14_32.gif" width="12" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/HabboUS14_33.gif" width="331" height="12" alt=""></td>
<td rowspan="2">
<a href="http://habbo.us/disclaimer.html">
<img src="images/HabboUS14_34.gif" alt="" class="style1" width="52" height="11"></a></td>
<td rowspan="3">
<img src="images/HabboUS14_35.gif" width="50" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/HabboUS14_36.gif" width="33" height="1" alt=""></td>
<td colspan="2">
<img src="images/HabboUS14_37.gif" width="60" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/HabboUS14_38.gif" width="138" height="1" alt=""></td>
<td>
<img src="images/HabboUS14_39.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/HabboUS14_40.gif" width="74" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="22">
<img src="images/HabboUS13_38.gif" width="900" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="74" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="26" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
</td>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="50" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="146" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="74" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>';
}
?>

right.html
<html>
<head>
<title>HabboUS12_43</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (HabboUS12_43.gif) -->
<table id="Table_01" width="165" height="834" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="images/right_01.gif" width="165" height="26" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="images/right_02.gif" width="9" height="808" alt=""></td>
<td>
<iframe name="I2" src="http://habbo.us/flash/right2/right2.swf" marginwidth="1" marginheight="1" height="284" width="148" scrolling="no" border="0" frameborder="0">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></td>
<td rowspan="8">
<img src="images/right_04.gif" width="8" height="808" alt=""></td>
</tr>
<tr>
<td>
<img src="images/right_05.gif" width="148" height="20" alt=""></td>
</tr>
<tr>
<td valign='top'>
<a href="rares.html" target="Main">
</a>
<iframe name="I3" id="I3" marginwidth="1" marginheight="1" height="284" width="148" scrolling="no" border="0" frameborder="0" src="../rarebar.htm" target="Main">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></td>
</tr>
<tr>
<td>
<img src="images/right_07.gif" width="148" height="20" alt=""></td>
</tr>
<tr>
<td>
<iframe name="I1" marginwidth="1" marginheight="1" height="123" width="148" scrolling="no" border="0" frameborder="0" src="../bottomrightads.htm">
Ads Here</iframe></td>
</tr>
<tr>
<td>
<img src="images/right_09.gif" width="148" height="22" alt=""></td>
</tr>
<tr>
<td background="../images/HabboUS12_43_10.gif">
<iframe name="statistics" marginwidth="1" marginheight="1" height="46" width="148" scrolling="no" border="0" frameborder="0" src="http://habbo.us/hsc/online3.html" target="Main">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe></td>
</tr>
<tr>
<td>
<img src="images/right_11.gif" width="148" height="9" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

rarebar.htm
<!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=windows-1252" />
<title>Untitled 1</title>
<base target="Main" />
<style type="text/css">
body {
margin: 0px;
}
.style1 {
border-width: 0px;
vertical-align: top;
}
</style>
</head>

<body style="margin: 0px;">

<a href="frames/rares.php">
<img alt="" src="rares/sidebar.php" class="style1" width="148" height="284" /></a>

</body>

</html>

Kor
06-17-2008, 04:32 PM
1. You have inserted a CSS code on the top of the preload.js external file. CSS should not be there.
2. Your document has no valid DOCTYPE. You must have one.