I wanted the hover navigation to look good in IE so I modified the CSS

Just change the following IDs with the following:

#container {
	height: 100%;  //add this line so IE knows it can extend all the way to the top and bottom
}

#nav {
	top: 0px;        // change this from 5px
	height:100%;
}

#nav li a {
        padding: 11px 10px;  //change from 6px
}

The red hover now extends all the way like it does in Firefox and others. I hope you include this for the next version of Barron -- thanks for the great theme!

Comments

jwolf’s picture

jwolf commented
Status: Fixed » Active

Thanks!
I will include this in the next release version.

Meanwhile, I am leaving this bug report active until the modifications have been added to a new release.

jwolf’s picture

jwolf commented
Assigned: baloneysammitch » jwolf
baloneysammitch’s picture

baloneysammitch commented

Awesome. You're really quick to respond! Also, you I've been playing with it more and added a header search bar on the right side. You couldn't focus on the darned thing because I set the height of the nav bar to 100% so the DIV overlapped it. Basically, 100% is overkill and you can just use height: 30px; or something close to it.

(Oh and sorry I assigned this to myself, I'm new to this and didn't really know what I was doing.)

crossbow’s picture

crossbow commented

baloneysammitch's solution didn't work for me for some reason. The links were allright on the top but not at the bottom. I tried it on ie7 so it might have to do with that. But I did some work on my own and I found out a solution that works on ie6 and 7. Basically I just changed the #nav. I removed the positioning and used box padding

#nav {
position: absolute;
top: 0px;
right: 0;
height:100%;
bottom: 0px;
margin: 0px;
padding-bottom: 5px;
padding-top: 5px;

jwolf’s picture

jwolf commented
Status: Active » Fixed

Thank you!

This has been fixed in the 5.x-1.4 release.

jwolf’s picture

jwolf commented
Status: Fixed » Closed (fixed)