bg image not displaying over to the child div in Chrome and FF
I am trying to have same bg image displayed over to the child . I want the same parent image to be stretched to the child div tag as well. I am not able to find a way .any thoughts? Thanks in advance for the help . Here is te code. If you try out in Chrome and IE you can see the difference. In IE it works fine.
<html>
<div align="left" id="div1" style="width: 500px; height: 40px; color: grey; background-image: url("static.myopera.com/community/graphics/speeddials/…;); font-size: 20px; font-style: italic;">
<div align="left" style=" background-repeat: no-repeat; width: 100px; height: 38px;" > </div>
<div align="left" id="divContent" style="width: 100%; height: 100%; color: grey; "> test</div>
</div>
</html>Thoughts?
Megan posted this at 17:22 — 15th October 2012.
She has: 11,421 posts
Joined: Jun 1999
Hi JV,
What do you mean "over to the child"? You want the parent background image to appear under the child div as well? I'll test this out when I have a minute.
I edited your code for easier reading. I think it would also help to have the CSS pulled out into
<style>tags instead of inline in the HTML. If you want to post code here, just wrap it in<code>tags and everything will appear properly.Megan
Connect with us on Facebook!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.