HTML Forum

**ForrestCroce** · 09-30-2007, 01:12 AM

<div style="height:1px; border:0; margin:0; padding:0; background-color:Black;"></div>

This is 77 pixels in height. In production, IE 7 uses this code works the way it should, and does in Firefox 2. In IE 6, it always looks like this. Any thoughts why? Or what I can do to fix it?

**ADAM Web Design** · 09-30-2007, 01:16 AM

Add overflow: hidden; to your div. That works in everything. LNR may know why IE6 does it; I never have. I just figured out that I needed to add overflow: hidden; to it after messing about with similar stuff one day.

**chrishirst** · 09-30-2007, 06:18 AM

IE6 adds height to an empty div to make space for the text you are not going to put in it.

Add font-size:1px to the definition

**LadynRed** · 09-30-2007, 11:03 AM

My question is -- why have a 1px high div in the first place ??? Why not use a border instead of a pointless div ?

**rozehrocks** · 10-01-2007, 10:20 AM

I had a problem like this a while ago. thanks for the solution guys.

**aspar** · 10-02-2007, 12:24 AM

hi,

i have tried this code and work fine there is no problem. see below:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<div style="height:1px; border:0; margin:0; padding:0; background-color:Black;"></div>
</body>
</html>

**ForrestCroce** · 10-02-2007, 01:06 AM

Quote:

Originally Posted by LadynRed

My question is -- why have a 1px high div in the first place ??? Why not use a border instead of a pointless div ?

There are a couple of tables below, and two divs above it. There's no single object to give a border to, and this seems easier than attaching borders to the stuff above and below. It's an asp site with the code spread across a few hundred pagelets, so it'll take a while to get rid of the tag soup that's rendered.

**ADAM Web Design** · 10-02-2007, 01:59 AM

There is another option...since it is a line as such, you could use the hr tag and style it similarly in CSS. I do that every so often.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!