W3C home > Mailing lists > Public > www-style@w3.org > March 2004

Re: thoughts on non-compliant browsers

From: Sam Kearns <sam@hinterlands.com.au>
Date: Mon, 08 Mar 2004 12:49:45 +1100
Message-ID: <404BD139.3040601@hinterlands.com.au>
To: www-style@w3.org
Just a stab in the dark here considering I haven't seen your page, but 
would the following suggestion work for you? Please excuse the crudity 
of my example but it does demonstrate the principle. (tabBG.gif is 
attached).

<html><head>

<style>
li { position: relative; float: left; padding: 1em 1em 0.1em 1em; 
list-style-type: none;}
li img { position: absolute; top: 0px; left: 0px; width:100%; height:100%; }
li .text { position: relative; z-index: 10;  }
</style>
</head><body>

<ul>
<li><span class="text">A Menu Item</span>
<img src="tabBG.gif"/>
</li>
<li><span class="text">More</span>
<img src="tabBG.gif"/>
</li>
<li><span class="text">Something Else</span>
<img src="tabBG.gif"/>
</li>
</ul>

</body></html>

Robert Koberg wrote:

>
> Boris Zbarsky wrote:
>
>>> I guess we will simply not support mozilla resizing
>>
>>
>>
>> Does that mean you won't worry about what happens when someone 
>> resizes the font
>> in Mozilla?  Or that you won't support Mozilla altogether?
>
>
> The layout works fine in mozilla when accessing the site with text 
> size being normal. It will break (the tab's text) when a mozilla user 
> increases their font size. as I mentioned we accounted for this in 95% 
> of the site, just not for pixel based fonts. Oh well...
>
>>  
>> Boris
>
>



tabBG.gif
(image/gif attachment: tabBG.gif)

Received on Sunday, 7 March 2004 20:49:48 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:27 GMT