PDA

Click to See Complete Forum and Search --> : hmm?

DanUK
12-24-2003, 04:43 PM
Hello there again.
Just wondering if you can help me with one of my templates.
You will see that the left/main content/right are all squashed together, i wanted it that the left and right would take 15% each and then the main content the rest.
What did I do wrong?

Here's the code:
Thanks if you can help.



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

<html lang="en">
<head>
</head>

<body bgcolor="#ffffff" text="#000000" link="#000099" alink="#0000ff" vlink="#000099" onload="boldEvents(); searchHistory();">

<!--UdmComment-->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr bgcolor="#9999cc">
<td align="center" rowspan="2" width="126"><a href="/"></a></td>
<td>&nbsp;</td>
</tr>
<tr bgcolor="#9999cc">
<td align="right" valign="bottom">
top links.
</td>
</tr>
<tr bgcolor="#333366"><td colspan="2"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr bgcolor="#666699">
<td align="right" valign="top" colspan="2" class="quicksearch">
search stuff.
</td>
</tr>
<tr bgcolor="#333366"><td colspan="3"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td></tr>
</table>
<!--/UdmComment-->

<table width="20%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="100%" bgcolor="#f0f0f0">
<table width="100%" cellpadding="2" cellspacing="0" border="0">
<tr valign="top"><td class="sidebar"><div align="left">
left stuff<br>
</div></td></tr>
</table>
</td>
<td bgcolor="#cccccc" background="images/checkerboard.gif" width="1"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td width="60%">
<table cellpadding="10" cellspacing="0" width="100%">
<tr><td valign="top">

main content.

</td></tr></table></td><td bgcolor="#cccccc" background="images/checkerboard.gif" width="1"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td width="20%" bgcolor="#f0f0f0">
<table width="100%" cellpadding="4" cellspacing="0">
<tr valign="top"><td class="sidebar"><div align="center">
Right Stuff.<br>
</div></td></tr>
</table>
<img src="images/spacer.gif" width="175" height="1" border="0" alt="" /></td>
</tr></table>

<!--UdmComment-->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr bgcolor="#333366"><td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td></tr>
<tr bgcolor="#9999cc">
<td align="right" valign="bottom">
links</td>
</tr>
<tr bgcolor="#333366"><td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td></tr>
</table>

<table border="0" cellspacing="0" cellpadding="6" width="100%">
<tr valign="top" bgcolor="#cccccc">
<td>Footer</small>
</td>
</tr>
</table>
<!--/UdmComment-->
</body>
</html>
jdavia
12-24-2003, 10:31 PM
Keep the cells in the same table instead of separate tables. I added a border so it can be seen.

<table width="100%" border="1" cellspacing="0" cellpadding="10" bgcolor="#80ffff" bordercolor="#ff0080">
<tr>
<td align="center"width="15%">
Left Stuff
</td>
<td align="center"width="70%">
Main Content
</td>
<td align="center"width="15%">
Right Stuff
</td>
</tr>
</table>
DanUK
12-26-2003, 07:21 AM
Wonderful, thank you, that worked lovely.

Another query...
If you open the following you will see code to the currentl site, http://pastebin.com/31206 - can you tell me why on the second ".." in the grey there's a space when viewed in IE? It only seems to happen in IE, usually, where those two ..'s are i have a select box...

Thanks.