CSS question - floating or whatever...?

Get Started
1

Hi all,

I’m laying out a design to present some of my photographs. I first designed it as a fixed-width page:

http://home.comcast.net/~johnkelin/home.html

But I think it would be better as a liquid design, so I’m changing some stuff around.

I used two “container” elements. I’ve changed the first container from 975px to 100% and the second from 950px to 90%. This change seems to work – no issues there.

What I’m having a problem with is an image (#walden is the DIV) I’m using to help define the site – a logo, for lack of a better term. It’s a silhouette I have floated to the right. There is a column of text in the center (#text_1 floated left) set to 20% and some navigation at the page’s extreme left.

The problem: if I re-size the page, that silhouette on the right disappears if the page gets too narrow. I can’t figure out why. I’ve seen other sites where a right image stays in place, while center text just shrinks down, even beyond a point to where anyone would reasonably re-size a page. I can’t see what I need to do to keep that silhouette in place.

THe liquid version of the site is only a test, at this point. Its CSS is:

http://home.comcast.net/~johnkelin/jazz_3.css

Thank you,

John Kelin

2

Hi again,

Well, I goofed. I neglected to put the URL to the problematic “liquid” version of the photo site.

http://home.comcast.net/~johnkelin/test_b.html

This is the liquid version (first page only) of the same site already posted here:

http://home.comcast.net/~johnkelin/home.html

Sorry about that. If anyone can see what I’m doing wrong, I’d really appreciate it.

Thank you,

John Kelin