Hi Susie,

 

I am not an expert by any means. I joined this group to learn from others
and get some tips. I try to tackle other people's problems because it s a
great way to learn and hopefully I can help someone out in the process. I
have read a number of books on CSS (and other web related topics) and found
the best explanation of the CSS model for me was in "CSS Mastery Advanced
Web Standards Solutions" by Andy Budd.

 

A couple of techniques I use when debugging:

1) put a border around the problem area and surrounding or enclosing blocks
using "border: solid red 1px;" 

2) remove HTML and/or CSS chunks to try to isolate the problem. Sometimes by
removing some HTML the problem goes away then that tells me where the issue
lies.

 

Hope that helps.

 

Regards,

Kepler

 

  _____  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Susie Gardner-Brown
Sent: Monday, May 14, 2007 7:07 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE6 problem - more general

 

Hi there Kepler

Thank you!
I believe it's OK now.

I would really like to ask you how you know all this - how you keep it in
your head?!! Do you have pages and pages of stuff like this written down, or
what?!!!

For example: about making nav buttons clickable in IE7: why does the
container div need to be 'position: relative" for IE7? And what if there
wasn't a container div? Would that make it not work at all?!

I really need to get a handle on how to keep all these things 'known' to me!
I've got a quite good book - The CSS Anthology, by Rachel Andrews. But it's
pre-IE7 ... 

Any thoughts, suggestions would be great!

Thanks again ... :)

- susie


On 15/5/07 6:37 AM, "Kepler Gelotte" <[EMAIL PROTECTED]> wrote:

Hi Susan,
 
To make the navigation buttons clickable in IE7 you need to define the
container as position: relative:
 
#container {
            position: relative;
}
 
Also the pseudo links should be defined for :link and :visited if you define
It for :hover. Try using these for the navigation definitions:
 
#leftNav a:link, #leftNav a:visited {   /* instead of #leftNav a */
 
#level2nav  a:link, #level2nav a:visited   {    /* instead of #level2nav li
a */
 
Regards,
Kepler
 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to