Forum Moderators: not2easy
Got stuck with some weird things happening when i try and coverted something, or maybe it was me doing the wrong code :(
Right now my site has floating div's up top which holds the header images, then theres a clear:both call (thanks to CEM for that) which seperates the header divs from the 1 row 4 column table directly underneath...underneath the 1 row 4 column table is this mess...
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="83%" valign="top">
<div align="center">
<hr width="468">
<iframe src="../topnewsbar.htm" name="news1" marginheight="0" scrolling="no" frameborder="0" width="630" height="80">
</iframe>
<hr width="468">
</div>
<div class="content"> <!-- #BeginEditable "mainbody" -->{mainbody} <!-- #EndEditable -->
<p>
</div>
</td>
<td valign="top">
<div class="menu1">
<div class="top1">
<h5></h5>
<a href="../hardtalkseries.htm">
Latest HardTalk Interview:<br>
<img border="0" src="../images/fusion_mainsmall.jpg" width="220" height="96"></a><br>
Makers of "Convergence"<br>
<br>
</div>
</div>
<div class="menu">
<div class="top">
<h5>STG Internal</h5>
<p id="menu_two"><a href="../index.php">Index</a> + <a href="../contact.htm">Contact
Us </a>+<a href="/forum" target="_blank"> Forums</a>
+ <a href="../affiliates.htm">Affiliates</a> + <a href="../about.htm">About STGD
</a>+ <a href="../wall.htm">Wallpaper</a> + <a href="../links.htm">Links</a> +
<a href="../linkingback.htm">Linking Back </a>+ <a href="../awards.htm">Awards</a>
+ <a href="../mission.htm">Mission Statement</a></p>
</div>
</div>
<div class="menu">
<div class="top">
<h5>History Of Trek Gaming</h5>
<p id="menu_one"><u><b>Chapter One - Past Master's</b></u><br>
+ <a href="../history1.htm">Overview</a><br>
+ <a href="../history2.htm">1992 to 1994: The Beginning</a><br>
+ <a href="../history3.htm">1995 to 1996: Change</a><br>
+ <a href="../history4.htm">1997: Interplay's Gamble</a><br>
+ <a href="../history5.htm">1998: Metamorphosis</a><br>
+ <a href="../history6.htm">1999: The New Age</a><br>
+ <a href="../history7.htm">2000 - P1: The Fight</a><br>
+ <a href="../history8.htm">2000 - P2: End Game</a><br>
+ <a href="../history9.htm">2001 - P1: Activison's Time</a><br>
+ <a href="../history10.htm">2001 - P2: Last Gasp</a><br>
+ <a href="../history11.htm">2002: New Boundaries</a><br>
+ <a href="../history12.htm">2003: The Lawsuit</a><br>
<br>
<u><b>Chapter Two - Aftershock<br>
</b></u><i>Coming Soon</i></p>
</div>
</div>
<div align="center">
<b> <br>
</b><br>
</div>
</td>
</tr>
</table>
Basically a 1 row 2 column table that holds all the main content. Now the menu is on the right hand side instead of the left and is held in place by a series of div boxes which you can see form the code. When i tried a 2 column div box for the content everything got all squished up or didnt format right. What i need is a 2 column div set up which holds the menu's on the right hand side "static" meaning they are right up against the right hand side of the browser window with the right hand colmn having a width of 292px.
The problem i had was the left hand column for content. If the content was shorter than the overall length of the menu boxes on the right hand side what started happening is the menu boxes which continued on below the end of the content on the left hand column would jump over to the left hand of the screen effectively splitting the menu in half.
What i need is a 2 column div layout which will keep the menu on the right hand side even if the left hand column has very little content in it.
[edited by: SuzyUK at 2:31 pm (utc) on Oct. 25, 2005]
[edit reason] examplified url [/edit]
[edited by: createErrorMsg at 7:35 pm (utc) on Oct. 25, 2005]
