Hi,
Is it possible to create a colored box like this? :
<html>
<head>
<style type="text/css">
#bbb {
background: #f00;
position: absolute;
top: 10px;
left: 50px;
bottom: 100px;
right: 300px
}
</style>
</head>
<body>
<div id="bbb"></div>
</body>
</html>
I tried it and it works in FireFox and Opera (although the box is wider
and slightly taller in FireFox than in Opera). However it does not work in
IE (I know, I know). In fact in IE it does not show up AT ALL unless I put
something in the DIV (for example a <p>a</p> - <p></p> does not work). Even
then, it is only as tall and wide as the element I put in it. I've seen
lots of complaints and work around for fixed positioning in IE but I'm using
absolute. Also, I'm specifying all 4 dimensions and the only examples I've
seen have used just two.
Is it just IE or am I doing something wrong? If it's IE, is there a
workaround? If not, how can I fix it?
Thanks.
--
--
Alec S.
alec <@> synetech <.> cjb <.> net