RE: [WSG] Stacking problem in IE6 [SEC=PERSONAL]

[Brown, Ben]

Hi Carol,

I recently went through the same pain!  I found this article useful...it
explains how IE6 handles z-index.

http://www.aplus.co.yu/lab/z-pos/

Ben 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Carol Doersom
Sent: Thursday, 22 November 2007 12:53 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Stacking problem in IE6

This page has a Suckerfish dropdown menu: 
http://www.blinn.edu/sbdc/_notes/blinn/index.htm
Its stylesheet: http://www.blinn.edu/sbdc/_notes/blinn/index-css.css

The left two dropdown menus (correctly) overlap the form that's below
them in FF, Opera & IE7, but in IE6 those two menus drop down *behind*
the Quicklinks select box that's in the column below them.

The xhtml validates, as does the css, except for the :sfhover business.

Relevant css (I think):
/*  2nd level  */
#nav li ul {
 position:absolute; left:-999em;
 height:auto; width:144px;
 padding-top:16px;  /* this and neg top margin are needed to keep
2nd level menus open */
 margin:-6px 0 0 -18px;
 z-index:200;
}
#nav li ul a {
 display:block;
 width:144px;
 margin-top:-2px !important; margin-top:0;
 padding:4px 4px 6px !important; padding:4px 4px 8px;
 line-height:1.3em;
 background-color:#f3f3ee;
 border:1px solid black;
 z-index:210;
 }
/*  COLUMN 1  */
#selectcell {
 width:185px;
 font-size:.9em;  background-color:#cbd9b0;
 }
#gobutton {
 height:1.6em; width:185px;
 float:left;
 margin-top:.2em; padding:0 2px 2px;
 background-color:#acc87d; color:#425629;
 font-weight:bold; font-size:.9em;
 border:2px solid #779c4b;
 border-left:2px solid #b2c78e;
 border-top:2px solid #b2c78e;
 }

I tried adding the z-index property, but that didn't help. Hope someone
here can spot what's causing this problem.
Tia,
Carol


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


**
Please Note: The information contained in this e-mail message 
and any attached files may be confidential information and 
may also be the subject of legal professional privilege.  If you are
not the intended recipient, any use, disclosure or copying of this
e-mail is unauthorised.  If you have received this e-mail by error
please notify the sender immediately by reply e-mail and delete all
copies of this transmission together with any attachments.
**


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

[WSG] [plug] Webstock - extension of early-bird registration

[Mike Brown]

Just a quick plug that early-bird registration for Webstock 
 has been extended for a week and now closes on 
Friday 1 December.


If you're thinking of attending, now is a good chance to register! We'd 
love to see you here and will make you especially welcome if you're from 
outside of New Zealand


Mike


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

[WSG] Template Review URL

[CK]

http://working.bushidodeep.com/impress/ybf/ybf.html

The "address" of the code would probably aid my query :)


CK

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

[WSG] Template Review

[CK]

Hi All,

I humbly come on this American holiday, for a template review. The  
object was to accomplish the layout with a minimum of div's. Given  
the number of floats and the design requirements of having the  
mainnav rest along the baseline of the image, I'm a little squeamish  
about the results in ie6 and 7, as the baseline alignment uses  
negative margins.


Firefox  2.0.0.9 Mac
Safari 3.0.4 Mac

Both return the desired results:
http://working.bushidodeep.com/impress/ybf/capture.png


Should this pursuit of floats prove tedious, please offer advisement  
on a more stable solution.



Happy Holidays,
CK





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

Re: [WSG] Firefox is a pushover

[Breton Slivka]

It's a bit pedantic, but it's actually IE that has this wrong. Since
Firefox's ecmascript implementation is the basis for the ecmascript
standard- any deviation from firefox that IE exhibits is by definition
breaking the standard. Cute eh?


On Nov 22, 2007 10:12 AM, Karl Lurman <[EMAIL PROTECTED]> wrote:
> Firefox is also a little naughty when it comes to Javascript parsing.
> A friend of mine pointed out how he always gets caught out when
> declaring objects in JSON:
>
> var JsonObject{
>  objectFunction:function() {
>  // blah
>  }, // extra comma here...
> }
>
> Firefox will happily parse this object without complaint, while IE
> will throw a syntax error. The syntax error may rear its head in
> firefox if you minify your Javascript. All of a sudden, your
> once-working Javascript will start to fail in Firefox too...
>
> Karl
>
>
> On Nov 22, 2007 5:22 AM, Kurt Lovelace <[EMAIL PROTECTED]> wrote:
> > James' advice is it -- there are gobs of  plug-ins for FireFox.
> >
> > There are plug-ins to not only validate HTML but whole singular
> > toolkits for working with the entire plethora of site spewage:
> > cookies, CSS, images, links, Id tags, div orders, stack levels,
> > anchors, block sizes, frames, headers, deprecated elements, feed
> > validation, section 508 validation, Dom inspectors, speed reports, etc
> > cetera.
> >
> > One FireFix plug-in does it all: Web Developer by Chris Pederick
> > located at
> >
> > Http://www.chrispederick.com/work/web-developer
> >
> > Is the über-plugin you are wanting.
> >
> > I routinely use it to deconstruct sites and quickly resolve issues.
> >
> > Regarding closed tags...not all need closing. Let not my comment start
> > a spec war discussion please.
> >
> > The Best,
> >
> > -=KuRt=-
> >
> > Kurt Lovelace
> > MindRoot Media Inc
> >
> >
> > Sent from my iPhone
> >
> > On Nov 21, 2007, at 9:54 AM, Chris Price <[EMAIL PROTECTED]>
> > wrote:
> >
> >
> > > I build websites on a Mac and have to check my websites on another
> > > machine in order to view them in IE.
> > >
> > > I experience the usual issues with IE applying css differently than
> > > Firefox but my biggest frustrations, lately, have come from errors
> > > in my html that Firefox has happily ignored but IE has faithfully
> > > shown up.
> > >
> > > Its traditional to knock IE6 for its non-compliance but its done a
> > > good job of validating my html lately.
> > >
> > > I would like to get my Firefox to toughen up and show up errors in
> > > the html without having to submit it to a validator?
> > >
> > > The problem usually comes from missing closing tags.
> > >
> > > Kind Regards
> > > --
> > > Chris Price
> > >
> > > Choctaw
> > >
> > > [EMAIL PROTECTED]
> > > http://www.choctaw.co.uk
> > >
> > > Tel. 01524 825 245
> > > Mob. 0777 451 4488
> > >
> > > Beauty is in the Eye of the Beholder
> > > while Excellence is in the Hand of the Professional
> > >
> > > ~~~
> > > -+- Sent on behalf of Choctaw Media Ltd -+-
> > > ~~~
> > >
> > > Choctaw Media Limited is a company
> > > registered in England and Wales
> > > with company number 04627649
> > >
> > > Registered Office:
> > > Lonsdale Partners,
> > > Priory Close,
> > > St Mary's Gate,
> > > Lancaster LA1 1XB
> > > United Kingdom
> > >
> > >
> > >
> > >
> > > ***
> > > 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]
> ***
>
>


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

Re: [WSG] Page shift in IE6

[John Faulds]

Hi Georg,

Yep, that did it. It looks like it was the % padding causing the problem.  
Huge thanks for the time and effort you spent helping me out on this one!


Cheers
John

On Thu, 22 Nov 2007 15:56:44 +1000, Gunlaug Sørtun <[EMAIL PROTECTED]>  
wrote:



John Faulds wrote:
I appreciate all your efforst so far Georg, but could I impose a little  
bit more and ask you to put a version of the page you've made online so  
I can compare because I'm still getting a noticeable shift at my end?


Sure...



IE/win styles in the page head.

The last pixel-shift is due to the...

#wrap {
padding: 0 2%;
}

IE6 calculates that percentage-padding wrong on first load and shift  
#wrap 1px to one side and #content 1px to the other.
Once a link-hovering inside that construction causes IE6 to recalculate  
and re-render, the mistake is corrected - causing the visible shift.


My solution is to give IE6 something it can not miscalculate - pixels...

* html #wrap {
padding: 0 20px;
}


regards
Georg




--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590


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

Re: [WSG] Firefox is a pushover

[Michael MD]

James Leslie wrote:

You could try using a plug-in such as HTML validator for Firefox that
will put a little icon on the bottom right of your firefox browser to
show you if a page is valid or not and it will show you errors too. It
uses the HTML tidy software

http://users.skynet.be/mgueury/mozilla/



Tidy can be run on the command line too ... nice and easy - no install 
hassles








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