Welcome to WebmasterWorld Guest from 3.209.80.87

Forum Moderators: open

Message Too Old, No Replies

Centering table inside table

     
12:23 pm on Aug 25, 2006 (gmt 0)

New User

10+ Year Member

joined:Aug 25, 2006
posts:2
votes: 0


Hello,
The following code shows the inner table centered inside the outer table however it doesn't center in Firefox. Which browser is right according w3c and if Firefox shows the correct rendering, is there anyway to center tables inside tables using Firefox?

Thanks a bunch in advance,
Kamran

<table border="1" width="100%" >
<tr>
<td width="100%" align="center" style="text-align:center">
<table id="table2" border="1" width="100">
<tr>
<td>Table</td>
</tr>
</table>

1:02 pm on Aug 25, 2006 (gmt 0)

Senior Member from GB 

joined:Oct 2, 2003
posts:1019
votes: 39


Hi there ktalai,

and a warm welcome to these forums. :)

As Firefox and Opera are compliant browsers, it is safe to assume that IE is rendering the code incorrectly. ;)
Also note that the code that you supplied is missing some closing tags. :o
Have a look at this code, it may give you some ideas...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
html,body {
height:100%;
margin:0;
padding:0;
}
#table1 {
width:100%;
height:100%;
border:2px solid #99f;
}
#table1 td{
border:1px solid #00f;
}
#table2 {
margin:auto;
border:2px solid #99f;
}
#table2 td{
width:100px;
text-align:center;
border:1px solid #00f;
}
-->
</style>

</head>
<body>

<table id="table1"><tr><td>

<table id="table2"><tr>
<td>Table</td>
</tr></table>

</td></tr></table>

</body>
</html>

birdbrain

7:08 pm on Aug 25, 2006 (gmt 0)

New User

10+ Year Member

joined:Aug 25, 2006
posts:2
votes: 0


Bird brain? If you are bird brain then I am a single molecule brain. Thank you very much. I am learning how ignorant I am about the standards. With the code as you specified Firefox works with or without the <!DOCTYPE tag:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

But IE needs this tag or it doesn't center horizontally

Do you or any other kind folks on this forum happen to know how to force visual studio express to include this tag in the html file that is sent over to the browser.

Thanks a whole bunch
Kamran