I was hoping someone could help me figure something out, I'm supposed to wrap this up today & I don't think I'm thinking too clearly! Here is the page: http://www.dapperdesigns.net/clients/monarch/about.html
It looks right in Firefox but in IE6 it is not wrapping around the photo the way it should in IE 5-6.
I tried moving the div with the image in it just after the first <p> tag--that did wrap around the image but then the text aligned center & I couldn't figure out why.
First, the wrapping issue. IE seems happy to wrap IF you put the pic b4 the text, AND you align the image. Saving your site to my pc is hard due to the content/images - it simply won't work without me spending too much time on it. I see you spotted the span thing, after I posted this, anyway.
[Edited] ... You could do with adding some margin-right to the style too, say about 5px.
Second. The trebuchet font is simply not designed to be this small, it doesn't look right. Also, it isn't on a lot of systems, so that will ruin the look on them. Try Verdana first and Arial as a backup by defining a font-family.
Third. You've used an old trick to center the page. The logo slips right in IE out of the box. This is what centering should look like:
text-align:center; /* IE Win Centering hack */
width: 615px; /* Minimum page width for Moz to
stop elements sliding off left side of page */
text-align:left; /* reverse IE centering hack. Otherwise divs inside this can break out of container */
position:relative; /* contents can break out of container in IE */
margin:0; /* sets all margins to 0 */
margin-left:auto; /* have to use verbose
centering method to keep Mac IE happy */
margin-right:auto; /* have to use verbose centering
method to keep Mac IE happy */
width: 615px; /* needed for centering to work */
BTW. Some of your divs use classes unique to them. It is better coding to make these divs their own styles, so the above would be:
Hi, thanks for the tips. I will take another look at the fonts. I'm not sure if you could see my css, but I've actually used most of the css you noted, and I actually wanted the logo in the header to be aligned right.