Hi there,

I am currently working on a photography site that has a mootools
hidden layer vertical slide triggered by #info. When the link is
clicked some content slides down. Now the problem is that in IE7
whitespace appears at the footer, this white space appears to be the
amount of space needed for when the slide is triggered. Now is Firefox
all performs well and there is no whitespace, why is there some in IE?

This is the style in question:

#info {
background-color: #e3e7e2;
text-align: left;
position: relative;
margin-left:15px;
border-top: 15px solid #fff;
z-index: auto;
}


At first I thought is was a hasLayout issue and used:

#info {
height: 1px; /* hasLayout */
}

This did infact correct the whitespace issue but because I was
specifying a 1px height the slide could not slide more than 1px.

Here is a screen grab of my page: http://www.elymods.com/footer_grab.jpg

Does anyone have any suggestions as I have drawn a big fat zero.

Many thanks
Karl
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to