Daniel Hammond wrote:
> URL: www.objectivedesigns.com/amittius/index.htm
> CSS: www.objectivedesigns.com/amittius/index.css
> 
> Alright, thanks for all your help with the nav on this site. Now if you'll
> go there again, you'll see that I have added some boxes within the body
> text. FF3, Opera, and Safari all display the boxes correctly. IE6 and IE7 do
> not. It looks as though they are having some trouble reading the margin
> properties correctly (both for the boxes themselves and for the unordered
> list in the box on the right side.
> 
> Any help in making them look like they do in the better browsers would be
> much appreciated.

Hi Daniel:

IE treats lists differently than FF (et al)...of course. I believe IE
uses margins and the others use padding. The inclusion of this snippet
seemed to fix the problem on my local version of your site:
<!--[if IE]>
<style type="text/css">
ul.box{margin-left:2.5em;padding-left:0;}
</style>
<![endif]-->

On a separate note, I tend to find that using Strict DocTypes gives me
more consistent results. I know of at least one member of this list who
would disagree, but it seems to me that Transitional is meant for legacy
documents being "transitioned" into an XHTML site/base. Your site
appears to be a new site and by my reckoning, ought to be Strict.

This, of course, will stir up a huge firestorm during which some member
of this list will express an opposite opinion and suggest that I take a
long walk off a short pier. In any event, you have (a very few) errors
in your source which occur even when validated as Transitional, but once
fixed, actually give your site Strict compliance.
Those errors are:
Line 7: missing "/" to close LINK
Line 13: missing "alt" text and remove border="0" (kill this in your
style sheet if you decide to make your header linkable)

The other errors reported by the validator are fixed by repairing those
two things. Additionally, it's been my experience that the space you're
using at the end of auto-closing tags (<img src="img.png" />) is
unnecessary and can be written (<img src="img.png"/>). A perfectly
worthless bit of information, I know, but I thought I'd toss it out there.

Hope it helps!
Bill




-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***********************************************/
______________________________________________________________________
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/

Reply via email to