Page 1 of 1

Can't get borders on a elements for ie... why?

Posted: Thu Dec 28, 2006 6:14 pm
by Luke
Check out this layout...
http://www.mc2design.com/tmp/

See the links on the top right (home, contact, and subscribe)? In FF and all other browsers I've checked they look fine, but in ie (well ie6 at least) they are missing the border on top and bottom... why? :? :(

Posted: Thu Dec 28, 2006 6:37 pm
by Kieran Huggins
Looking good!

one way to fix it is to force IE to display your <a/> elements as blocks and adjust your padding to match:

Code: Select all

#secondnavlist li a
{
..
	padding: 0 1em;
	display: block;
..
}

Posted: Thu Dec 28, 2006 6:58 pm
by Luke
thanks :D

Posted: Thu Dec 28, 2006 7:04 pm
by Chris Corbyn
I am in complete awe 8O :D

Posted: Thu Dec 28, 2006 7:06 pm
by Luke
really, you likey? :)

Posted: Thu Dec 28, 2006 7:25 pm
by Chris Corbyn
The Ninja Space Goat wrote:really, you likey? :)
Yeah it looks awesome :)

Posted: Fri Dec 29, 2006 3:04 am
by matthijs
Looks good! Very clean, I like that.

One thing you might want to investigate (probably related to the problem) is the has layout property of internet explorer. It's a common issue in differences between IE and other browsers.

Whenever you have problems with floats, lists and collapsing boxes, see if it has anything to do with this.