Hi there, I have an issue with size expandability in IE6 & 7.
If you open this:
www.giuseppecraparottacv.co.uk
and click on the work section, an iframe, showing a file containing the work
info, will come down. Its height is defined in ems.
But when I try to resize the page dimensions (ctrl+mouse wheel) these funny
behaviours happen:
IE6 : the work section ends up with being cut at the bottom, as if the
height of the iframe doesn't expand, or if it went under the "other" bar;
IE7 : a gap between the iframe and the "Other" bar get bigger and bigger the
more I expand the page. And besides, all the content gets uncentered towards
right.
Can somebody suggest a remedy to these inconveniences?
Thank you,
G
p.s: please find below the code relative to the iframe. If you think the
problem might be caused by other properties please let me know:
iframe {
width:100%;
height:37.7em;
display:block;
}
/*--------------------------------------------------bars------------------------------------------------------*/
dd, dt {
width:42em;
margin:0 auto;
}
dd {
display:none;
position:relative;
}
dt {
margin-bottom:3px; /*distance between bars*/
}
/*--------------------------------------------------content------------------------------------------------------*/
dt a {
display:block;
height:1.75em;
line-height:1.75em;
width:42em;
color:#000000;
background:#DCDCDC url(img/bg-bar.jpg) repeat-x;
text-align:center;
font-weight:bold;
}
dt a:hover {
color:#139FCD;
background:#D9D7D8 url(img/bg-bar-r.gif) repeat-x;}
p {
text-align:center;
padding-top:5px;
font-weight:bold;
}
dd {
position:relative;
margin-bottom:3px;
}
______________________________________________________________________
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/
