Page 1 of 1

<RESOLVED>menu in IE.....again

Posted: Mon Jul 02, 2007 7:15 pm
by mcktj
Hi,

I posted a message on the the forum a week or so ago, and the issue was sorted but now something else is wrong i have included the code that i think is the problem from my stylesheet and a link to my site, it works the way i want it to in opera but not IE havent check firefox.

Thanks in advance

Terry

site: http://www.artni.biz

Code: Select all

/* navigation */
.navigation {
	background: #bababa url(img/nav.gif) repeat-x; 
           height: 30px;	
}


.navigation a:hover,.navigation a#active {
           background-position: left bottom; 
           color: #111;
}

.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #000;
	color: #bababa;
	float: left;
	font: bold 1em sans-serif;
	padding: 0 14px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}


/* Clearfix */	
.clearfix:after {
display: inline-block;
height: 30px;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

Re: menu in IE.....again

Posted: Wed Jul 04, 2007 11:07 pm
by mcktj
No suggestions? please? :-[

Re: menu in IE.....again

Posted: Wed Jul 04, 2007 11:58 pm
by mcktj
Hi all,

i played around with the style sheet seeing what maybe causing this problem, it seems to be the line-height i did a bit of research and it seems that IE is really bad at handling this when an image is embedded into the css, would anyon have a work around?

cheers

mcktj

Re: menu in IE.....again

Posted: Thu Jul 05, 2007 1:04 am
by Nullig
Apply a different style for IE6 using the hack

* html div#yourdiv {
your styles for IE6
}

Nullig

Re: menu in IE.....again

Posted: Fri Jul 06, 2007 12:24 am
by mcktj
thanks for the response

would you be able to give an example? my problem is that im no too sure what is causing the problem in the first place, any help would be greatly appreciated.

cheers ;D

Re: menu in IE.....again

Posted: Fri Jul 06, 2007 12:41 am
by Nullig
Like this:

* html .navigation a {
line-height: 16px;
}

Nullig

Re: menu in IE.....again

Posted: Fri Jul 06, 2007 12:57 am
by mcktj
cheers i will give it a try.

thanks again

Re: menu in IE.....again

Posted: Fri Jul 06, 2007 1:06 am
by mcktj
well i gave it a go, it does seem to remove the grey bar that was underneath in IE but now the rollover effect is very small.  am i going to have to start from scratch with this one again?

:(

mcktj

Re: menu in IE.....again

Posted: Wed Jul 11, 2007 5:01 pm
by mcktj