Hi!
I'm building a structure and I've test it with success on different pc browsers (FF, Opera, MZ, IE5, 5.5, NN). The only problem is with IE6. IE6 doesn't follow the height I've specify to my table row! Is someone have an idea on how to fix that!
HTML SOURCE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> ::: System :::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">@import "../css/style.css";</style>
<link rel="shortcut icon" href=http://www.webdeveloper.com/forum/archive/index.php/"../favicon.ico">
</head>
<body>
<a name="top"></a>
<table id="main" border="0" cellpadding="0" cellspacing="0">
<!-- Header -->
<tr>
<td class="head algn_lt" valign="top">x</td>
<td class="head algn_rt" valign="top">x</td>
</tr>
<!-- Neck -->
<tr>
<td class="neck algn_lt" valign="top">x</td>
<td class="neck algn_rt" valign="top">x</td>
</tr>
<!-- Body -->
<tr>
<td id="list" class="algn_ct" valign="top" colspan="2">x</td>
</tr>
<!-- Neck -->
<tr>
<td class="neck algn_ct" valign="top" colspan="2">x</td>
</tr>
<!-- Footer -->
<tr>
<td class="foot algn_lt" valign="bottom">x</td>
<td class="foot algn_rt" valign="bottom">x</td>
</tr>
</table>
</body>
</html>
CSS SOURCE
/* Tag Style */
body { margin: 0px; padding: 0px; font: 11px Tahoma, Arial, sans-serif; text-align: center; }
html, body { height: 100%; }
/* Tag Style */
/* Structure Style */
#main { margin: 0px auto; width: 700px; height: 100%; font-size: 11px; }
.head, .foot { padding: 5px 10px; height: 50px; background: #3C3430; color: #BBBBBB; }
.neck { padding: 5px 10px; height: 50px; color: #888888; }
#list { margin: 0px auto; width: 100%; font-size: 11px; color: #888888; }
/* Structure Style */
/* Misc Style */
.algn_lt { text-align: left; }
.algn_ct { text-align: center; }
.algn_rt { text-align: right; }
/* Misc Style */
Thank!... and if i remove the DOCTYPE, it work !!!! Really need help around that!Does it validate (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->) with your "Transitional DOCTYPE"?yes it validate
I'm building a structure and I've test it with success on different pc browsers (FF, Opera, MZ, IE5, 5.5, NN). The only problem is with IE6. IE6 doesn't follow the height I've specify to my table row! Is someone have an idea on how to fix that!
HTML SOURCE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> ::: System :::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">@import "../css/style.css";</style>
<link rel="shortcut icon" href=http://www.webdeveloper.com/forum/archive/index.php/"../favicon.ico">
</head>
<body>
<a name="top"></a>
<table id="main" border="0" cellpadding="0" cellspacing="0">
<!-- Header -->
<tr>
<td class="head algn_lt" valign="top">x</td>
<td class="head algn_rt" valign="top">x</td>
</tr>
<!-- Neck -->
<tr>
<td class="neck algn_lt" valign="top">x</td>
<td class="neck algn_rt" valign="top">x</td>
</tr>
<!-- Body -->
<tr>
<td id="list" class="algn_ct" valign="top" colspan="2">x</td>
</tr>
<!-- Neck -->
<tr>
<td class="neck algn_ct" valign="top" colspan="2">x</td>
</tr>
<!-- Footer -->
<tr>
<td class="foot algn_lt" valign="bottom">x</td>
<td class="foot algn_rt" valign="bottom">x</td>
</tr>
</table>
</body>
</html>
CSS SOURCE
/* Tag Style */
body { margin: 0px; padding: 0px; font: 11px Tahoma, Arial, sans-serif; text-align: center; }
html, body { height: 100%; }
/* Tag Style */
/* Structure Style */
#main { margin: 0px auto; width: 700px; height: 100%; font-size: 11px; }
.head, .foot { padding: 5px 10px; height: 50px; background: #3C3430; color: #BBBBBB; }
.neck { padding: 5px 10px; height: 50px; color: #888888; }
#list { margin: 0px auto; width: 100%; font-size: 11px; color: #888888; }
/* Structure Style */
/* Misc Style */
.algn_lt { text-align: left; }
.algn_ct { text-align: center; }
.algn_rt { text-align: right; }
/* Misc Style */
Thank!... and if i remove the DOCTYPE, it work !!!! Really need help around that!Does it validate (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->) with your "Transitional DOCTYPE"?yes it validate