[Techtalk] Fixing up live.linuxchix.org

[chris]

Hi Mary,
A quick 'n dirty fix would be to place overflow:hidden on div.liveentrybody.
This will hide anything that overflows that container. Of course, then
you're not showing the image and you still have a blank space in the content
area.

Here are some snapshots of the live page at 3 resolutions
http://www.browsercam.com/public.aspx?proj_id=165853 (there are several
pages of screenshots available through the dropdown select)

In my experience, floats are better at expanding with varied content sizes
in general, but not in this case dealing with a large image. Here are
snapshots of the same page with floats instead of a/p
http://www.browsercam.com/public.aspx?proj_id=165869

If you don't mind the look of it, you could set overflow:scroll on
<liventrybody> (it's pretty unattractive in my opinion). Personally, I would
opt to only pull in text, and exclude images from the feed since you can't
control the size of images. 

If I were required to pull in images, I would first explore extending my rss
parser to detect image size and decide whether to display it or provide a
link.

If you want to convert the absolute positioning to floats, here's what I
did: 

In the source order,  moved the livehighlight container to be the last div
within livecontainer (e.g. <div livehighlight> </div livehight> </div
livecontainer> </body></html>)

div.livecontainer {
	width: 100%;
}

div.livehighlight {
	/*position: absolute;
	width: 30ex;
	right: 2ex;*/
	float: left;
	width: 15%;
	font-size: 80%;
	font-family: sans-serif;
	margin-left: 3%;
}

div.livebody {
	/*position: absolute;
	right: 34ex;*/
	float: left;
	width: 72%;
	background-color: #ffffff;
}

div.liveside {
	/*position: absolute;
	left: 5%;*/
	float: left;
	width: 85px;
	padding:1ex;
}

Hth
- chris


-----Original Message-----
From: techtalk-bounces at linuxchix.org [mailto:techtalk-bounces at linuxchix.org]
On Behalf Of Mary
Sent: Wednesday, May 25, 2005 7:47 PM
To: techtalk at linuxchix.org
Subject: Re: [Techtalk] Fixing up live.linuxchix.org


On Thu, May 26, 2005, Mary wrote:
> The bad news is, I can't replicate it on browsers I'm running (Firefox 
> on FC3 and Ubuntu 5.04, Epiphany -- which is the Firefix renderer 
> anyway
> -- on Ubuntu 5.04). I've taken a bunch of screne shots from my own browser
at a bunch of
> resolutions and I don't get the missing text effect:
> 
>  1. 
> http://users.puzzling.org/users/mary/tmp/live.linuxchix.org/640x480.jpg
>  2.
http://users.puzzling.org/users/mary/tmp/live.linuxchix.org/800x600.jpg
>  3.
http://users.puzzling.org/users/mary/tmp/live.linuxchix.org/1024x768.jpg

So that we're all talking about exactly the same page (it changes once an
hour), I've put a snapshot up at
http://users.puzzling.org/users/mary/tmp/live.linuxchix.org/snapshot/

-Mary
_______________________________________________
Techtalk mailing list
Techtalk at linuxchix.org
http://linuxchix.org/cgi-bin/mailman/listinfo/techtalk