Menu
This works in Opera but not properly in Firefox. [I]<div id=”holder”>[URL=http://bokehman.com/png/]a link to the page in question
[code=html]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html lang=”en”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″>
<style type=”text/css”>
html,body{
margin:30px;
padding:0;
}
#holder{
position:relative;
width:90%;
min-width:200px;
max-width:600px;
margin:0 auto;
padding:0;
background:#d96;
}
#color{
width:200px;
height:200px;
display:block;
margin:0 auto;
padding:0;
}
#saturation{
position:absolute;
width:200px;
height:200px;
display:block;
top:0;
left:0;
}
#luminance{
position:absolute;
width:200px;
height:200px;
display:block;
top:0;
right:0;
}
</style>
<title>PNG Fun</title>
</head>
<body>
<div id=”holder”>
<img id=”color” src=”color.png” alt=”color”>
<img id=”saturation” src=”saturation.png” alt=”saturation”>
<img id=”luminance” src=”luminance.png” alt=”luminance”>
</div>
</body>
</html>