When you do a page without a DOCTYPE declaration, 
most modern browsers go into what is called "quirks" 
mode. IOW, they're free to act as however their 
programmers (or bugs) direct them to do. I think you're 
running into a difference between IE6 quirks and NS7 
quirks (which might be different from Mozilla 1.3 quirks 
or Opera quirks).

David
dvjones(at)ksbe.edu

On 15 Apr 2003, at 17:31, Mike Taylor wrote:

> That's something I hadn't considered.  And if I try to
> actually add "display: block;" to the anchor CSS, I get
> undesirable results as well (the buttons won't line up
> side-by-side).  Also, upon further examination of the
> code, I realize the button background images aren't
> "dimming" as I had previously reported, instead the images
> are actually being pushed up due to some strange change of
> spacing that IE 6 produces. The upper portion of the
> gradient image, when pushed up, gives the illusion that
> the graphic is "dimming."
> 
> I've fixed the "onclick" attributes so they are all
> lowercase, but I still get the same strange IE 6 effect. 
> Netscape 7 and Mozilla 1.3 don't seem to have a problem. 
> Nor does IE 5 and 5.5, for that matter.
> 
> 
> ---------  Original message --------
> From: Darrell King <darrell(at)webctr.com>
> To: hwg-techniques(at)hwg.org <hwg-techniques(at)hwg.org>
> Subject: Re: CSS problem using XHTML doctype.
> Date: 04-15-03 4:26 PM
> 
> > The a tag is not a block element, so it's not surprising
> > that the width is
> not controllable.  I've had this problem, too, and ended
> up building the button with a div and a JavaScript
> mouseover.
> 
> D
> 
> 
> ----- Original Message -----
> From: &quot;Mike Taylor&quot; &lt;lonewolf(at)one.net&gt;
> 
> This is driving me mad.
> 
> I've got two URLs to a mock CSS-based navigation bar
> listed below.  The two pages are identical except that one
> contains the XHTML transitional doctype header at the top.
> 
> For those using IE 6:
> 
> Note the difference between these two pages.  When you
> include the doctype, you get very strange effects.  First,
> you can no longer control the button size using the width
> and height attributes.  Second, the background image of
> ALL buttons dims when you mouse over any button.  Even
> more frustrating?? IE 5 seems to get it right!!!!
> 
> What is causing this effect?  Netscape 7 seems to handle
> this okay.
> 
> BUT...Netscape 7 has its own set of issues with CSS
> padding that I won't get into here.  Suffice to say that
> these two browsers --which are allegedly CSS compliant--
> are more different and dysfunctional than ever.
> 
> URLS:
> 
> Navbar without DTD:
> http://w3.one.net/~lonewolf/testcss/testcss.htm
> 
> Navbar with XHTML DTD:
> http://w3.one.net/~lonewolf/testcss/testcss_withdoctype.ht
> m
> 


 

• Web Designer Courses
• Off the Shelf Training Courses

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA