Menu
Community /Pin to ProfileBookmark
@cootheadMar 02.2009 — #Hi there piramyd,
and a warm welcome to these forums. ?
IE7 will display a 1px by 1px div if the document has a [b]full dtd[/b].
IE6 will not play ball at all with the div but will show a 1px by 1px border as this example will show...
[i]coothead[/i]
1 pixel div
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 1×1 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!!
Sign in
to post a comment1 Comments(s) ↴
0
@cootheadMar 02.2009 — #Hi there piramyd,and a warm welcome to these forums. ?
IE7 will display a 1px by 1px div if the document has a [b]full dtd[/b].
IE6 will not play ball at all with the div but will show a 1px by 1px border as this example will show...
[color=navy]
<!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>
[/color][i]coothead[/i]