- 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.
Hello friends,
IE7 renders some abosulte positioned divs incorrectly in my site… for instance I have an absolute positioned div named “item-content” doesn’t overlap the image .It comes hidden below the image and gets invisible . While it works properly in IE8 .
Also there is an absolute p div : before bug . It disapears in IE 7.
#content .item {
position: relative;
background: url(library/images/no-image.jpg) no-repeat center center #fff;
height: 250px;
margin-bottom: 2%;
overflow: hidden;
box-shadow: 0 0 5px #dedede;
border: 1px solid #fff;
}
#content .item-content {
width: 100%;
position: absolute;
bottom: 0;
word-wrap: break-word;
}
#content .item-content header {
position: relative;
width: 100%;
z-index: 3;
#content .item-content h2{
background: url(library/images/trans.png);
}
#content .item img{
position: relative;
height: 200px;
width:187px;
z-index: 0;
text-align: center;
}
HTML:
I hope you give some guide lines to fix this annoying problem …
Please create a [Codepen](http://codepen.io/pen) so we can visualise the problem and help you work on a fix more efficiently.
HI
I saw this new member post, so I decide to enter. I am not a developer but Im trying to set my webpage, i am looking for a nice slider and really Anything Slider is amazing.
So, please anybody can tell me how to set up this slider on my web, its a boonex dolphin web site.
Thanks a lot
my email: [email protected]
Thanks Josh. Already read this article. It’s intersting but it ddin’t fix my case… maay be I didn’t employ the solution correctly!!