[css-d] Where have all the pictures gone ?

Sent by Richard Hulse on 30 August 2002 00:12

Hi,

I have a problem with floats within a central div based on "the holy grail"

i.e
#content, #contentwide{
	margin-left: 170px;
	margin-right: 170px;
	position: relative;
	width: auto;
	z-index: 2;
}

#contentwide img.groupphoto {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 0px;
}

#contentwide img.staffphoto {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 0px;
}


The pictures show up in Moz 1.1 but not inIE 6.

If I expand the width of IE I can see a bit of the pictures below and above 
the margins of the text.

I have tried a few things like fixing the margins of nearby content, but to 
no avail.

It is probably (as usual) something obvious that I can't see. What have I 
missed?

This is my first XHTML/CSS conversion effort.

http://www.familylife.org.nz/test/pages/aboutus.htm

XHTML 1.0 strict validated and CSS no errors. More design tweaks to do...

Other CSS comments welcomed!

thanks,
Richard