Vertical Alignment Netscape/Mozilla

A

autopost

Guest
I'm trying to align the graphic on this page vertically...<br />
<br />
<!-- m --><a class="postlink" href="http://www.nationalfiretheory.com/index2.htm">http://www.nationalfiretheory.com/index2.htm</a><!-- m --><br />
<br />
It works fine in Internet Explorer but in Netscape and Mozilla the height of the table is only as tall as the graphic. <br />
<br />
Is it possible to use valign="middle" in Netscape? If not, what would you recommend doing instead? Thanks.<br />
<br />
- Brad<!--content-->Try changing height="100%" inside the table tag to style="height:100%", and also adding that style attrbiute to the <td>.<!--content-->I tried both of those but neither of them worked. Any other suggestions?<!--content-->add width:100% to the table tag and remove width="100%",<br />
add vertical-align:middle; text-align:center; to the td style, very small page so it makes no difference here but it's better to place css in an external file :)<br />
<br />
oh almost forgot add a doctype and remove your center tags, the text-align bit will do that for you :)this is what you should have now:<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br />
<br />
<html><br />
<head><br />
<title>[.National.Fire.Theory.]</title><br />
</head><br />
<br />
<BODY bgcolor="#7D7D54"><br />
<br />
<br />
<table border="0" cellpadding="0" cellspacing="0" style="height:100%;width;"><br />
<tr><td style="height:100%;width:100%; vertical-align:middle; text-align:center;"><br />
<img src=http://www.htmlforums.com/archive/index.php/"intropic1.gif"></td></tr></table><br />
<br />
</body><br />
</html><!--content-->
 
You must log in or register to reply here.
Back
Top