Dear All,
I am trying to create a web page with 2 side bar images (one on the left of the page and the other on the right of the page) and a logo at the top center. the side bars should have the length of the page (depending on the contents of the page). the side bars should start from the top of the page, i.e. the logo should be between them.
The following code works only in IE in the way above (although, the page becomes so long -even though there are no contents yet- and you have to scroll down, and the side bars finish half way through the page)
However, the code does not work in mozilla, it shows a blank white space at the top of the page - between the side bars - and then the logo appears in the center of the page (not at the top)
Please let me know what I am doing wrong.
many many thanks:
<BODY>
<TABLE border=0 cellpadding=0 cellspacing=0 width=100%>
<TR>
<TD width=5% height= 100% align=left valign=top><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/side.gif" width=100%></TD>
<TD width=90%>
<TABLE>
<TR ><td width=100% height=3% align="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/logo3.jpg" align="top"></td></TR>
<TR width=100% height=83% align="bottom"><td></td></TR>
</TABLE>
</TD>
<TD width=5% align=left valign=top><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/side.gif" width=100%></TD>
</TR>
</TABLE>
</body>Please let me know what I am doing wrong.Mainly, it's the misuse of a table to present the page. What you've got there is a standard single column page with banner, footer at side margin eye candy.
<!-- m --><a class="postlink" href="http://alistapart.com/articles/fauxcolumns">http://alistapart.com/articles/fauxcolumns</a><!-- m --> and other layout articles on that site should help you do it right.
I am trying to create a web page with 2 side bar images (one on the left of the page and the other on the right of the page) and a logo at the top center. the side bars should have the length of the page (depending on the contents of the page). the side bars should start from the top of the page, i.e. the logo should be between them.
The following code works only in IE in the way above (although, the page becomes so long -even though there are no contents yet- and you have to scroll down, and the side bars finish half way through the page)
However, the code does not work in mozilla, it shows a blank white space at the top of the page - between the side bars - and then the logo appears in the center of the page (not at the top)
Please let me know what I am doing wrong.
many many thanks:
<BODY>
<TABLE border=0 cellpadding=0 cellspacing=0 width=100%>
<TR>
<TD width=5% height= 100% align=left valign=top><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/side.gif" width=100%></TD>
<TD width=90%>
<TABLE>
<TR ><td width=100% height=3% align="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/logo3.jpg" align="top"></td></TR>
<TR width=100% height=83% align="bottom"><td></td></TR>
</TABLE>
</TD>
<TD width=5% align=left valign=top><img src=http://www.webdeveloper.com/forum/archive/index.php/"images/side.gif" width=100%></TD>
</TR>
</TABLE>
</body>Please let me know what I am doing wrong.Mainly, it's the misuse of a table to present the page. What you've got there is a standard single column page with banner, footer at side margin eye candy.
<!-- m --><a class="postlink" href="http://alistapart.com/articles/fauxcolumns">http://alistapart.com/articles/fauxcolumns</a><!-- m --> and other layout articles on that site should help you do it right.