Mon, 2003-06-09 06:02
I have left-floated an image within a paragraph with the objective of
allowing the text to run adjacent to the image using the following HTML and
CSS.
<img class=\"left-floating\" SRC=\"resize_image.php?image=$story[picture]\">
img.left-floating {
float: left;
padding-right : 10px;
padding-bottom : 10px;
}
This works well is Netscape 7.02 and Mozilla 1.3b. In IE 6 however the
image is rendered below the div (#leftcolumn) which contains the image and
text. This div is below.
#leftcolumn {
position: relative;
border:1px solid #000;
background-color : white;
padding:15px;
margin-right: 250px;
}
I have changed the z-index values but can't seem to make this image
completely visable in IE6 unless I remove the background colour of
#leftcolumn.
Appreciate any comments.
David
Mon, 2003-06-09 10:38
#1
z-index with floated image
Hi David,
Z-index should have no affect on anything floated.
It sounds like you are trying to do something similar to Aussiemike [url]http://www.csscreator.com/css-node/
If not, can you post a link to your page or attach an example page.
Mon, 2003-06-09 13:06
#2
z-index with floated image
Hi Tony
Not exactly the same as Aussiemike. Also this page is only on my local PC at the moment. I tried wrapping the image and text in a div. Didn't help.
Still working on this one!
David
Mon, 2003-06-09 16:43
#3
z-index with floated image
Be sure to add to your selector here
img.left-floating {
float: left;
padding-right : 10px;
padding-bottom : 10px;
} this code.
position: relative;along with your z-index value.
I know you have to be specific in giving position properties in IE.
Tue, 2003-06-10 11:27
#4
z-index with floated image
Position: relative works well in IE.
Thanks