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
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' 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' method can handle the rest of your layout, and
is very robust and cross-browser stable. Recommended.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/