Re: [WSG] Inline link padding in IE6
On 19 Nov 2005, at 1:07 AM, Bert Doorn wrote: Gunlaug Sørtun wrote: It is difficult to give a link layout, but 'zoom: 100%' will work. Question: Which CSS standard defines the zoom property? you suspicions are correct Bert, but then hasLayout, which accounts for a lot of gotchas in stanards design, isn't a standard property either. A standards compliant way of giving something hasLayout is to explicitly assign a width or height. kind regards Terrence Wood. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Inline link padding in IE6
Terrence Wood wrote: On 19 Nov 2005, at 1:07 AM, Bert Doorn wrote: Question: Which CSS standard defines the zoom property? The MSDN standard[1]... :-) you suspicions are correct Bert, but then hasLayout, which accounts for a lot of gotchas in stanards design, isn't a standard property either. No, but MSDN claim[2] that it is /in line with/ the CSS specifications - with a few bugs added for good measure. A standards compliant way of giving something hasLayout is to explicitly assign a width or height. That's not 'hasLayout' (anywhere but in IE/win). The correct way to give an element Layout is to establish new 'block formatting contexts'[3]. That's /kind of/ what IE/win does too... in its very own, very buggy, way. Georg [1]http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/zoom.asp [2]http://msdn.microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/expie20050831.asp [3]http://www.w3.org/TR/CSS21/visuren.html#q15 -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Inline link padding in IE6
I've come accross an interesting (and painful) bug in IE6, when you have padding on a link, and a background colour set, and then margin to stop the link shifting, IE fails to draw the background over the padding: http://www.pixelcarnage.com/dump/rn.html I've tried many things, including giving the inline link layout, but that doesn't work either. Any thoughts? -- Rowan Lewis (AKA. The Wolf) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Inline link padding in IE6
Rowan Lewis wrote:
I've come accross an interesting (and painful) bug in IE6, when you
have padding on a link, and a background colour set, and then margin
to stop the link shifting, IE fails to draw the background over the
padding:
http://www.pixelcarnage.com/dump/rn.html
I've tried many things, including giving the inline link layout, but
that doesn't work either.
It is difficult to give a link layout, but 'zoom: 100%' will work. Need
to zero out that padding on top/bottom.
a:hover {
background : #dfdfdf;
margin : 0 -0.25em;
padding :0 0.25em;
zoom: 100%;
}
...complete and working.
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Inline link padding in IE6
Thanks George, for helping me give it layout.
But the top/bottom padding was an important part of the desired effect :/
Any idea how to do it?
On 11/18/05, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Rowan Lewis wrote:
I've come accross an interesting (and painful) bug in IE6, when you
have padding on a link, and a background colour set, and then margin
to stop the link shifting, IE fails to draw the background over the
padding:
http://www.pixelcarnage.com/dump/rn.html
I've tried many things, including giving the inline link layout, but
that doesn't work either.
It is difficult to give a link layout, but 'zoom: 100%' will work. Need
to zero out that padding on top/bottom.
a:hover {
background : #dfdfdf;
margin : 0 -0.25em;
padding :0 0.25em;
zoom: 100%;
}
...complete and working.
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
Rowan Lewis (AKA. The Wolf)
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Inline link padding in IE6
Gunlaug Sørtun wrote:
It is difficult to give a link layout, but 'zoom: 100%' will work.
Question: Which CSS standard defines the zoom property?
I don't see it in CSS2, nor in the CSS2.1 working draft. I
suspect it's a Microsoft invention and its use will invalidate
the CSS.
You could use { display: inline-block } instead. At least that's
defined in the CSS2.1 working draft.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Inline link padding in IE6
Rowan Lewis wrote: Thanks George, for helping me give it layout. But the top/bottom padding was an important part of the desired effect :/ Any idea how to do it? Well, first you must set padding on the link - without hover - to make it height-stable. Then you can play around with some line-height adjustments for IE6 so it won't break the entire text-line. Even some vertical-align may help. Plenty of options, but even more IE-bugs I'm afraid. Then you should wrap the entire IE-garbage in a separate stylesheet and keep it away from the validator and those who don't think IE6 should get what it can make any use of, because it isn't standard. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
