- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I have a div that stretches 100% with a background image. I have the following CSS applied to the div;
.top-wrapper {
width:100%;
height:186px;
position:absolute;
top: 0px;
background: url(images/header-bg.png) center;
background-size: 100% 186px;
-webkit-background-size: 100% 186px;
z-index: 10;
float: left;
}
The issue comes into play when I view the site on my iPad. The background image doesn’t size to 100% width. I’ve searched this site and many others and everyone seems to find success in using the webkit part of the CSS. However, this isn’t working for me.
Here is the url to the site (it’s under construction so it might look a little funky)
I’m wondering if this is another place where:
would be the fix?
i removed the meta tag that Paulie_D mentioned and that seemed to do it. I’m pretty much restyling the twentyeleven theme in wordpress so I’m not sure what some of the code is doing at this point.
Thanks for your help guys
Now the fun begins with getting this to work in ie8. yippie