1 pixel div

**piramyd** · 03-01-2009 02:38 PM

i have this css:

div{
font-size:1px;
width:1px;
height:1px;
background-color:#3355ff;
}

on this html:

<div></div>.

My problem is that on IE it makes a 1 by 2 pixels div. Not less. Now you probably think: why do i need font-size:1px inside the div. Well it's because IE keeps the size of the div bigger than the size of the text... I figured. So can anybody pls help me make a 1x1 px div? Or at least tell me a way to paint only a pixel of a div, and then find out what color is a specific pixel in that div..

10x a lot!!

**coothead** · 03-01-2009 06:04 PM

Hi there piramyd,

and a warm welcome to these forums.

IE7 will display a 1px by 1px div if the document has a full dtd.
IE6 will not play ball at all with the div but will show a 1px by 1px border as this example will show...

Code:


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

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
div{
    font-size:1px;
    width:1px;
    height:1px;
    background-color:#35f;
 }
</style>

<!--[if IE 6]>
<style type="text/css">
div{
    background-color:transparent;
    border-bottom:1px solid #35f;
 }
</style>
<![endif]-->

</head>
<body>

<div></div>

</body>
</html>

coothead

Thread: 1 pixel div

Thread Tools

Display

1 pixel div

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions