Sample Source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
< html>

< head>
< title>CSS Prototype - portrait/landscape</title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
< link href="sitestyles.css" rel="stylesheet" type="text/css">

< style type="text/css">
< !--
#imgs {padding-left: 64px; padding-right: 64px; padding-top: 16px;}
#descr {padding-top: 35px; width: 227px;}
#attrib {padding-top: 16px; padding-right: 63px;}
-->
< /style>

< /head>

< body>
< div align="center">

< table class="container" cellpadding="0" cellspacing="0">
<tr>
<td class="topnav" id="links"></td>
<td width="280" class="topnav"><img src="rosner2.gif" width="276" height="60" id="logo"></td>
</tr>
< /table>

< table id="artwork" class="container" height="480" cellpadding="0" cellspacing="0">
<tr>
<td id="imgs"><img width="308" height="450" id="picleft" src="big_portrait.gif"></td>
<td id="attrib"><img width="450" height="308" src="big_landscape.gif"><div id="descr">
<div id="title">Red Racer</div>
<div id="dims">8 x 5.5 x 9.5</div>
<div id="matls">Metal, paint, rubber, string & wood</div>
<div id="caption">Of Course color matters</div>
</div></td>
</tr>
< /table>

< table id="bottomnav" class="container" cellpadding="0" cellspacing="0" >
<tr>
<td id="bottomleft"></td>
<td><div id="nxtprv"><a id="prv" href="#"><img src="bprv.gif"></a><a id="nxt" href="#"><img src="bnxt.gif"></a></div></td>
</tr>
< /table>

< /div>
< /body>
< /html>