>I have a new challenge. In CSS, is it possible to get an image to be
>cropped off on both sides? Or in print language, to "bleed" on both
>sides?
For an image used as a background image which is 408 pixels high and 700
pixels wide you could extract and use the basic technique of leaving out
the width property:
Demo HTML:
<div id="main">
<div id="image"></div>
</div>
CSS:
#main {
width:600px;/*changing this value simulates the flexible width column
containing the image*/
margin: 0 auto;
}
#image {
background: url(image.jpg) no-repeat center; /*must be centered for
clipping t occur on both sides*/
height:408px;/*actual image height*/
}
I have not tested this basic technique in all browsers but I think it
should work fine with the usual modifications for some other browser.
I set the #main in pixels just for brevity and demonstration purposes,
in final code that column would be flexible of course.
Mikael
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
