Background image won't align properly in IE7, need help...
heya,
working on website using following css display shadow effect image. it's calling background image , using margins align ie7 refuses render yet safari, ff , ie6 display no problems.
.img-shadow-wrapper { /* drop shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat bottom right;
}
.img-shadow-wrapper img { /*drop shadow positioning */
border: 1px solid #777;
padding: 1px;
margin: 0px 5px 5px 0px;
}
html
<div class="img-shadow-wrapper">
<img src=" http://web.ocp.org/products/12244_t.jpg"/>
</div>
can me find solution?? thanks
working on website using following css display shadow effect image. it's calling background image , using margins align ie7 refuses render yet safari, ff , ie6 display no problems.
.img-shadow-wrapper { /* drop shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat bottom right;
}
.img-shadow-wrapper img { /*drop shadow positioning */
border: 1px solid #777;
padding: 1px;
margin: 0px 5px 5px 0px;
}
html
<div class="img-shadow-wrapper">
<img src=" http://web.ocp.org/products/12244_t.jpg"/>
</div>
can me find solution?? thanks
why hacking?
.img-shadow-wrapper { /* drop shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat bottom right;
--
murray --- icq 71997575
adobe community expert
(if *must* email me, don't laugh when so!)
==================
http://www.dreamweavermx-templates.com - template triage!
http://www.projectseven.com/go - dw faqs, tutorials & resources
http://www.dwfaq.com - dw faqs, tutorials & resources
http://www.macromedia.com/support/search/ - macromedia (mm) technotes
==================
"spencer hill" <webforumsuser@macromedia.com> wrote in message
news:f1vvuk$b3p$1@forums.macromedia.com...
> heya,
> working on website using following css display
>
> shadow effect image. it's calling background image , using
> margins
> align ie7 refuses render yet safari, ff ,
> ie6
> display no problems.
>
> .img-shadow-wrapper { /* drop shadow */
> *background: none;
> _background: url(/themes/ocp/images/shadow.gif) no-repeat bottom right;
> }
> .img-shadow-wrapper img { /*drop shadow positioning */
> border: 1px solid #777;
> padding: 1px;
> margin: 0px 5px 5px 0px;
> }
>
> html
> <div class="img-shadow-wrapper">
> <img src=" http://web.ocp.org/products/12244_t.jpg"/>
> </div>
>
> can me find solution??
>
.img-shadow-wrapper { /* drop shadow */
*background: none;
_background: url(/themes/ocp/images/shadow.gif) no-repeat bottom right;
--
murray --- icq 71997575
adobe community expert
(if *must* email me, don't laugh when so!)
==================
http://www.dreamweavermx-templates.com - template triage!
http://www.projectseven.com/go - dw faqs, tutorials & resources
http://www.dwfaq.com - dw faqs, tutorials & resources
http://www.macromedia.com/support/search/ - macromedia (mm) technotes
==================
"spencer hill" <webforumsuser@macromedia.com> wrote in message
news:f1vvuk$b3p$1@forums.macromedia.com...
> heya,
> working on website using following css display
>
> shadow effect image. it's calling background image , using
> margins
> align ie7 refuses render yet safari, ff ,
> ie6
> display no problems.
>
> .img-shadow-wrapper { /* drop shadow */
> *background: none;
> _background: url(/themes/ocp/images/shadow.gif) no-repeat bottom right;
> }
> .img-shadow-wrapper img { /*drop shadow positioning */
> border: 1px solid #777;
> padding: 1px;
> margin: 0px 5px 5px 0px;
> }
>
> html
> <div class="img-shadow-wrapper">
> <img src=" http://web.ocp.org/products/12244_t.jpg"/>
> </div>
>
> can me find solution??
>
More discussions in Dynamic HTML General Discussion (read only)
adobe
Comments
Post a Comment