Div Float question

**Frank Polan** · 07-05-2005 09:53 AM

The following page leaves an 1 pixel gap between the 2nd & 3rd <div> Other than changing the body background color, is there a way to get rid of it

Thanks

Frank Polan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body style="background-color: Red;">
<div style="height: 100%;background-color: Lime; width: 30%; float: left;"></div>
<div style="height: 20%;background-color: orange; width: 40%; float: left; border: thin solid Black;">
<p>one pixel problem -> </p>
</div>
<div style="height: 100%;background-color: Lime; "></div>

</body>
</html>

**BonRouge** · 07-05-2005 09:59 AM

First, use a complete DTD...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">

Then, do this :

Code:

p {
margin:0;
}

I think that'll fix your problem (maybe).

**Frank Polan** · 07-05-2005 10:24 AM

BonRouge,

Sorry, that doesn't do it. I did manage to get rid of it by adding Float: left; width: 30%; to the 3rd div, but then that causes resizing problems.
I guess I'll just change the body background color

Thanks

Frank Polan

**toicontien** · 07-05-2005 11:37 AM

What browser are you using? You could be running into Firefox's 1 pixel rounding error bug.

**Frank Polan** · 07-05-2005 01:33 PM

Sorry, I should have said - IE6

Thanks

Frank Polan

**toicontien** · 07-06-2005 01:24 PM

If you look closely, that's three pixels, not one. You're running into IE-Win's three pixel margin float bug.

**Frank Polan** · 07-06-2005 03:16 PM

all I can say is WOW!!!!!!!!!!!!!!!!!!

Thanks for the link

Frank Polan

**Sanim** · 07-06-2005 04:34 PM

Instead of border: thin solid Black;, use border: 1px solid #000;.

**Frank Polan** · 07-07-2005 10:16 AM

I'll try it
Thanks
Frank Polan

Thread: Div Float question

Thread Tools

Display

Div Float question

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions