Jump to content


Photo

Border cutoff in IE6


  • Please log in to reply
2 replies to this topic

#1 joquius

joquius
  • Members
  • PipPipPip
  • Advanced Member
  • 319 posts

Posted 04 August 2006 - 01:52 PM

Being a bit lazy with this, but I have the following issue.

Here's the code first:

div {
position: absolute;
left: 15px;
top: 9px;
font-size: 9pt;
}
div a {
outline: 0;
margin: 0;
padding: 3px 10px 3px 10px;
border: 1px solid #fcfcfc;
background: transparent;
}
div a:hover {
border: 1px solid #e0e0e9;
color: #607090;
background: #f0f3f9;
}

That's the css (removed classes), here's the html it's working with:

<div>
<a href="?link">link< / a>
</div>

Simple as anything. The problem is that it looks ok in firefox (get a box when hovering), but in IE6 I get this ugly cutoff box, which seems to have the side padding and border ok, but the top and bottom parts have been cut down to the "link" text.

Any ideas?  ???

btw: haven't been here for a while, but the forum looks much better, good job.
z..z..z..z..z..z..z..z..

#2 nogray

nogray
  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 04 August 2006 - 04:24 PM

pretty wired, you can just add some padding to the top and bottom in the div
padding-top:4px;
padding-bottom:4px;

NoGray.com


#3 joquius

joquius
  • Members
  • PipPipPip
  • Advanced Member
  • 319 posts

Posted 05 August 2006 - 02:30 AM

cheers  ;)

That actually works.
z..z..z..z..z..z..z..z..




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users