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 
> <http://24.m-corp.com/ID01_BSOhomepage_autumn.html> 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
whole.

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
'negative-margins'[2].

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

regards
	Georg

[1]http://www.gunlaug.no/contents/molly_1_11.html
[2]http://www.alistapart.com/articles/negativemargins/
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: