Matthew Nuzum wrote:
> http://bzr.newz.gotdns.com/htdocs/new/
your house of hacks:
1
.hnav ul, .hnav ul li
{
display: block;
float:left;
list-style-type: none;
margin: 0 5px;
padding: 0;
}
2
* html .hnav ul li, * html .hnav ul li a
{
width: 1%; /* IE/Mac needs this */
display: inline-block; /* IE/Mac needs this */
/* \*/
width: auto;
display: inline;
position: relative;
/* reset above hack */
}
3
* html .hnav, * html .hnav ul a
{
/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.
IE/Mac will ignore this rule. */
}
The first ruleset needs display:inline for the doubled float margin bug.
The second ruleset seems to make it worse for IE/Win, so I just left the
IEMac hack instead:
/*IE/Mac needs this \*//*/
* html .hnav ul li, * html .hnav ul li a
{
width: 1%;
display: inline-block;
}
/**/
The third ruleset has to be deleted. Both elements already have layout,
due to preceding and following rules in your css.
(for instance,
.hnav li { width: 100px; height: 146px; }
defines the height, this as a basis for the 0.01% to calculate the
height for the link.
)
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
