Reposting float question

Get Started
1

Hi all,

I’m re-posting a question I asked, because in the original post I neglected to include the URL related to my question. This was a careless and critical oversight.

In the original post, I explained that I am 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

I’m trying to convert it to a liquid version (first page only):

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

The issue is that if I re-size the liquid version, the silhouette photo floated to the right disappears when 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 past a point to where anyone would reasonably re-size a page.

Can anyone tell me 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

In your liquid version your right hand silouette does not disappear, the right-hand container folds to below the left-hand container. Scroll down and you will be able to see the silouette.

Investigate setting min-width to your containers and also enclose your silouette in the following script. You will notice that as the container shrinks the silouette also shrinks.



  <div style='text-align:center'>
    <img src='/afiles/images/silouetter.jpg style='width:99.98&#37;' alt='your silouette' />
  </div>

.