IE/FF CSS Border Clash

Harro · 06-21-2006, 02:19 PM

So heres another Firefox, Interent Explorer clash thats giving me some problems.

I hav a div, a set number of pixels wide and high, and to this div I apply a 10px border. In FF the border is applied on the outside of the div, but in IE it is applied on the inside, effectively making the div 20px's slimmer and shorter.

Anyone know of any fixes or workarounds for this?
Thanks for any help.
Harro

Dan · 06-21-2006, 02:24 PM

Code:

<style type="text/css">
.class {
  width: 200px;
  border: 10px;
}
</style>
<!--[if IE]>
<style type="text/css">
.class {
  width: 220px;
}
</style>
<![endif]-->

Harro · 06-21-2006, 02:28 PM

Thanks for that, I always forget about <!--[if IE]>

Harro.

06-21-2006, 02:19 PM	THREAD STARTER #1 (permalink)
Harro NamePros Member Join Date: Jan 2005 Location: Liverpool, UK Posts: 159	IE/FF CSS Border Clash So heres another Firefox, Interent Explorer clash thats giving me some problems. I hav a div, a set number of pixels wide and high, and to this div I apply a 10px border. In FF the border is applied on the outside of the div, but in IE it is applied on the inside, effectively making the div 20px's slimmer and shorter. Anyone know of any fixes or workarounds for this? Thanks for any help. Harro

06-21-2006, 02:24 PM	#2 (permalink)
Dan Buy my domains. Join Date: Feb 2006 Posts: 2,792	Code: <style type="text/css"> .class { width: 200px; border: 10px; } </style> <!--[if IE]> <style type="text/css"> .class { width: 220px; } </style> <![endif]-->

06-21-2006, 02:28 PM	THREAD STARTER #3 (permalink)
Harro NamePros Member Join Date: Jan 2005 Location: Liverpool, UK Posts: 159	Thanks for that, I always forget about <!--[if IE]> Harro.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)