Erik Harris wrote:
> http://www.eharrishome.com/vha/
> I'm having one issue at the moment. I'm not sure how to make my menu
> items on the left have a fixed width. I made the LI element a block
> element, and set its width to 100% (I also tried explicitly setting
> it to the same width as its container DIV), but it's still the width
> of the text plus the specified padding (which I tried removing, or
> changing to "auto" to no avail). How do I specify the width of my LI
> element?
The LI element has full width, but the LINK within it has not.
Adding 'display: block;', deleting 'width: 100%;' and adding 'height:
1%;' as a 'hasLayout'[1] trigger for IE/win on the link itself, will
give it the wanted look.
Correcting your existing style, the result will look like this...
ul.navbar li a { color: #FFF; height: auto; background: #005;
font-weight: bold; border: 1px solid #000; padding: 0.1em 0.6em;
white-space: nowrap; display: block; height: 1%;}
Similar correction can be made to 'ul.navbar li span'
---
Suggest that you also adds the following somewhere _after_ the existing
'div.nav', since IE6 doesn't understand 'position: fixed'...
@media screen {
* html div.nav {position: absolute;}
}
> On an unrelated note, is there a known issue with different browsers
> rendering images differently?
Slight differences are to be expected between browsers and/or operating
systems when it comes to images. Larger variations for some
image-formats than others. Add in all the variable settings and defaults
for software/hardware, and two visitors will get exactly the same
presentation purely by chance.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
