Negative margin not showing in IE |
|
Chris Lycos
|
I've designed a website http://weavingtheworld.co.uk and put in a negative margin so that the sheet indents upwards into the main header image at the top: Screen | Margin | Top Margin = -106
This works fine on Firefox, Safari, Chrome but completely hides the indented sheet on IE. I've only tried it on IE 10 but I'm guessing it's the same on other versions.
Does anyone know a work around for this.
Many thanks
Chris
|
| |
Chris Lycos
|
Out of interest I've just found that value in the style.css file and changed the
z-order: 999;
and it's appearing ok in IE now.
.art-sheet
{
background: #FFFFFF;
-webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.07);
-moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.07);
box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.07);
border:1px solid #B7BCBD;
margin:-106px auto 0;
position:relative;
cursor:auto;
width: 900px;
z-index: 999;
}
I'm a bit surprised that Aristeer doesn't automatically put the z-order onto something higher than the header. It's currently on "auto" so it's left up to the browser to decide.
|
| |
|
|