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

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

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

Post 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? :? :(
User avatar
Kieran Huggins
DevNet Master
Posts: 3635
Joined: Wed Dec 06, 2006 4:14 pm
Location: Toronto, Canada
Contact:

Post 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;
..
}
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post by Luke »

thanks :D
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

I am in complete awe 8O :D
User avatar
Luke
The Ninja Space Mod
Posts: 6424
Joined: Fri Aug 05, 2005 1:53 pm
Location: Paradise, CA

Post by Luke »

really, you likey? :)
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

The Ninja Space Goat wrote:really, you likey? :)
Yeah it looks awesome :)
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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.
Post Reply