[SOLVED] Image and Hyperlink not centering in Firefox 3 ??? was in Firefox 2...

[MasterACE14]

Hi guys,

 

This is really strange, with my website, my image in my header, and my hyperlink in my footer were centered fine in Firefox 2, and I just downloaded and installed Firefox 3 and now there not centered. there just in there default left aligned position as if there is no center rule on them?

 

Whats happened to Firefox? has something changed with HTML with the update?

 

here's my code for the header:

<div id = "head" class = "center">
<center>
<a name="top"></a>
<img class="center" src="images/conflicting_forces_header.png" alt="Conflicting Forces - MMORPG" >
</center>
</div>

 

CSS for header:

#head {
overflow: hidden;
text-align: center;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-style: solid;
border-color: #1a1b16;
background-color: #112211;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: <?=$CSS[1]?>%;
height: auto;
}

 

---------------------

 

code for footer:

<div id = "footer" class="clearfix center">
<center><I><a class="center" href="http://www.crikeygames.com.au/">Crikey Games Pty Ltd</a></I></center><br>

<?php
//Create a variable for end time
$time_end = microtime(true);
//Subtract the two times to get seconds
$time = abs($time_end) - abs($time_start);

echo '<center><font size="1" color="#888888">page took '. round($time,2) .' seconds to load</font></center>'; 

?>

</div>

 

CSS for footer:

#footer {
overflow: hidden;
clear: <?=$CSS[4]?>;
text-align: center;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-style: solid;
border-color: #1a1b16;
background-color: #112211;
padding-top: 5px;
padding-bottom: 5px;
height: auto;
}

 

any ideas?

 

Regards ACE

[ToonMariner]

get rid of your center tags.

 

give your head div a width (% is fine or an absolute one) and give the image margin auto.

 

you can remove the <a name="top"> where ever you use #top just change to #head.

 

same goes for the footer - use margin auto and get rid of the center (and font tag too - style that text with css!!!).

[haku]

The <center> tag was deprecated as of FF2 (not sure if it was for FF1 or not). Deprecated tags mean that they are still supported for the time being, but there is no guarantee that they will work with future browsers, meaning that they shouldn't be used, and sites that are using them should be fixed.

 

On that note, it appears from your post that it may not be supported at all in FF3. Which is all the more reason to not use it anymore!

[MasterACE14]

ok, thanks.