Forum Moderators: not2easy
I tested all kind of combinations with CSS margins, text-align, div alignments, nested divs...
I know I'm using the deprecated tag align=center for the TD cell, but it just work in FireFox, however IE it's ignoring that... and the CSS?
The current block of code is:
<td style="" align="center" width="1" height="120">
<div id="propio" style=" text-align: center;">
<div id="propio2" style=" margin: 1em auto auto auto; width: 950px;">
<a href="http://www.example.com/index.php"><img src="http://www.example.com/Themes/dilbermc/images/lightred/logo.jpg" style="" usemap="#Map" /></a>
<map name="Map" id="Map">
<area shape="rect" coords="0,0,800,170" href="http://www.example.com" />
<area shape="rect" coords="226,168,396,193" href="javascript:window.external.AddFavorite('http://www.example.com','ForoFeminista Tías Buenas');" >
<area shape="rect" coords="8,165,216,194" href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.forofeminista.com');" >example
</map>
</div>
</div>
</td>
The DOCTYPE is:
<!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">
You have 3 ways of centering wrapped around each other, perhaps that's just overkill.
The standard way is to use left and right margins of "auto".
IE often prefers a parent element that centers the text.
And you have a td that's centered as well.
While to humans it might be clear that you want it centered, some of those less than perfect parsers might have more trouble grasping what you want to achieve.
Since you said it's part of a forum, I'll presume it's going to be very hard to remove the td, so I'd just kick out the divs and style the td the old fashioned way, or with css if it brings you extra control.
Mixing both just isn't something that works all that great in my experience.
