Sent by Gunlaug_Sørtun on 13 September 2005 13:01
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/
