[Techtalk] Fixing up live.linuxchix.org

[Karine Delvare]

On Thu, 26 May 2005 08:32:22 -0400
Teri Solow <tsolow at terisolow.com> wrote:

> -----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.

That's the main problem indeed, if you can't control the max width of the content, the only solution I see is a div with a fixed width and a horizontal scrolling bar. Otherwise, one can maybe remove the images from the feeds, but I'm not sure that's wanted for live.linuxchix.org

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

You can leave the left-column div class (and the blog-spot one) liquid if you don't set any width. But if an image takes up more than what is available on the browser, all will go wrong again.

> 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.

If the solution is achieved without tables, I'll be interested to look at it :)

-- 
Karine Delvare
http://edhel.nerim.net/