Previous Message
Next Message

Having trouble clearing a footer

Sent by Gunlaug_Sørtun on 13 September 2005 12:12

Kristina Floyd wrote:

> Is what I'm trying to do possible?  If you go to 
> <> and then resize 
> the browser you will get an idea of what I have in mind....

Had just a quick look at the source-code...
I see what you are trying to do, but using 'AP' is still not a good way
to do it since they'll give you little to no control of the layout as a

Don't have time to create a complete example to go with your design, but
'floats' can do what you're after.

Have a look at 'Molly's GoLive comments'[1] and resize the
browser-window from 1200 to less than 600 in width. The image in the
first column will 'slide partly out of sight'. That example is a bit
complex and involves two images for good measure, but it solves the
problem you describe. The page is an overstyled version of

- Give 'contentHeader' a height equal to the image inside, a suitable
percentage-width  and add 'overflow: hidden' to it.
- Float the image inside 'contentHeader' to the left and give it a
negative margin-right slightly less then its total width.
Result: the image will be 'cut off' on the right side if the window
becomes too narrow.

The 'negative-margin'[2] method can handle the rest of your layout, and
is very robust and cross-browser stable. Recommended.


css-discuss [EMAIL-REMOVED]]
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread:

Possibly related: