Sent by Dunstan Orchard on 11 December 2003 16:04
Hello there,
Does anyone have any idea how I can deal with these floated images which
are overlapping my right-hand column?
http://www.1976design.com/blog/archive/2003/12/11/eggs/
It behaves fine in Moz, but in IE it means my right hand column is obscured?
All I can think of is to hide the float using a hack :o/
The images and their containing divs are using this css:
#left div.img-gal {
float: left;
margin: 5px;
padding: 0;
position: relative;
voice-family: "\"}\"";
voice-family: inherit;
background: url(/blog/commonpics/bg_image.gif) bottom right no-repeat;
}
#left div.img-gal img {
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
vertical-align: bottom;
}
while the containing left-hand div uses this code:
#left {
background-color: #fff;
margin: 0 280px 10px 0;
min-width: 300px;
padding: 0 20px 10px 25px;
position: relative;
z-index: 2;
}
and the right hand column, this code:
#right {
background-color: #fff;
color: #777;
font-size: 90%;
left: auto;
margin: 0 0 20px 0;
position: absolute;
right: 15px;
top: 0;
width: 210px;
z-index: 1;
}
Thanks very much - Dunstan (I'm on digest, so could you cc me please?
Thank you)
-------------------------------------
Dorset, England
Work: http://www.1976design.com/
Play: http://www.1976design.com/blog/
Learn: http://webstandards.org/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
