Christy Gurga wrote:

> Hi everyone,
> 
> I built my site in XHTML and CSS, and now I'm implementing it in Wordpress
> for my client, which is the first time I've worked with using a CMS.  While
> there are still lots of kinks I'm trying to work out, there are two that are
> driving me crazy that I'd like to get an opinion on.
> 
> The site I'm working on:  http://www.mtassisi.org
> 
> 1)  Hybrid CSS Dropdowns from A List Apart
> (http://www.alistapart.com/articles/hybrid)
> 
> In IE7 (and perhaps IE6, I haven't checked it yet), the dropdowns work just
> fine on the first homepage, but once you click a page and move on to a new
> one, the dropdowns don't work anymore!  Both the main page and the other
> pages pull the dropdown from the same header.php document, so I don't
> understand why it doesn't function the same way.
<snip>
> 
> Thanks so much for your help!
>
> Christy

Hi Christy

IE7 may now be able to handle a xml prolog before the doctype but if any other 
comment appears before the doctype, this will put IE7 in quirksmode [1] [2]. On 
every other page apart from the homepage is this comment

<!-- MAIN INDEX TEMPLATE -->

and because of this any :hover rules will not work. I guess you may be pulling 
your hair out now. Also when IE6 and IE7 are in quirksmode there is a 
difference in the box model [3]. Enough said.

The dropdown doesn't work in IE6 on any page and looking at the source, I can 
not even workout which bit of javascript you are using for IE6 to mimic the 
:hover. I presume that you have .over in your stylesheet for this purpose. Is 
there any javascript matching? You have way to many validations errors [4] 
which begin with this line of code (note that the paragraph is not closed).

<p>?<br />
<h2>Mount Assisi Academy Service Award</h2>

After text resizing in any browser, the menu starts to get hidden under the 
"Mount Assisi" emblem. Even without font resizing, the menu item "Parent" is 
partially hidden in Firefox. There is just to many links in the menu and which 
creates usability and accessibility issues for the site.

I don't have a Mac so I can not answer your other query. I hope this helps.

[1] <http://css-class.com/test/css/selectors/ie7hacktargetingopera4.htm>
[2] <http://www.quirksmode.org/css/quirksmode.html>
[3] 
<http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/>
[4] 
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mtassisi.org%2Fadvancement%2Fhall-of-fame>

Kind Regards, Alan

<http://css-class.com/>

______________________________________________________________________
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