[Techtalk] Fixing up live.linuxchix.org

[Teri Solow]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Mary imparted (2005-05-26 @ 14:37:03 +1000):
> ----------------------------------------------------------------
> HEADING HERE
> ----------------------------------------------------------------
>  Date heading here                         | 
> -------------------------------------------|
>                                            |
> -------------------------------------------|   Menu here
> Image here |                               |
> Link here  |                               |
>            | Blog entry here               |
>            |                               |
>            |                               |
> -------------------------------------------|  
> Image here |                               |
> Link here  |                               |
>            | Blog entry here               |
>            |                               |
>            |                               |
> 

Would something like this work?

<div class="whole-page" style="width:800px">
	<div class="left-column" style="float:left; width:600px">
		<div class="blog-image" style="float:left; width:100px"></div>
		<div class="blog-post" style="float:right; width:500px"></div>
		<div style="clear: both;"></div>
		...
	</div>
	<div class="right-column" style="float:right; width:200px">
	</div>
	<div style="clear: both;"></div>
</div>

Of course, it would only work  (if even then) if all blog posts are less
than 500px wide.  Should one post get larger, it would appear under the
blog image column for that post.  If it's larger than 600px, the whole
rightmost column would start after all the blog posts.

Not to mention that the whole page would be confined to 800px  wide, all
the time.

I honestly think the best way is to use tables... sure, their ugly and
wrong, but they render correctly everywhere, which, IMHO, is more
important.

<table cellspacing="0" cellpadding="0">
	<tr>
		<td class="left-column" width="100%">

			<!-- you can use another table here, or CSS, as above, for
			blog posts -->

		</td>
		<td class="right-column" width="200">
		</td>
	</tr>
</table>

- -- 
(n_ 	Teri Solow <tsolow at terisolow.com>
//\ 	http://terisolow.com
V_/_ 	
Your password is pitifully obvious.
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.1 (GNU/Linux)

iD8DBQFClcHWCRjPPiFbVe8RAhMlAKDqosmQeKFpzuDcgp/2WIC3ud2V+QCgkTLb
OJWZbNjeIO8iBaj7s2PnZgo=
=b++w
-----END PGP SIGNATURE-----