There is also an abundance of information left from those who initially
discovered and tried to squash the IE family rendering bugs. Any google
search for IE6 box model bugs or anything of the like will return a
complete education's worth of material.
In the long run its all experiencing each bug and understanding what
caused it and knowing that ahead of time, next time you begin marking up
a layout.
When I first started doing layouts with CSS, I thought IE had it right
and the other browsers were wrong!
Slowly I learned through trial and error, and for a time even did
"hybrid" layouts using minimal tables as I got a stronger grasp of the
issues I was facing.
The most important things you can do as you create layouts are to:
* Make sure you're using strict document types and validate your
code before anything else
* Test everything in browsers that work first
* Set up separate stylesheets for IE so you don't have to use hacks
Those points make life much easier in the battle against IE's rendering
issues.
*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design & Development/
Phone: (609) 335-3076
www.sitesbyjoe.com <http://www.sitesbyjoe.com>
Kepler Gelotte wrote:
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]
*******************************************************************
------------------------------------------------------------------------
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.5.467 / Virus Database: 269.7.1/805 - Release Date: 5/15/2007 10:47 AM
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
