Mu
M/50
Bland Rapids,
MICHIGAN
Instant Message
Send Message
|
Posted:
Jan 15, 2007 7:39 PM
There is a trick to getting this to work the same in IE and firefox, and here it is
<style>
.a {this affects only IE}
body {_border:20px solid; _border-color:6699cc;}
.top, .bottom, .left, .right {_display:none;}
</style>
<comment>
<style>
.a {this affects only firefox}
body {margin-top:20px;}
.top, .bottom, .left, .right {position:fixed; background-color:6699cc; z-index:9;}
.top {top:0px; left:0px; width:100%; height:20px;}
.bottom {bottom:0px; left:0px; width:100%; height:20px;}
.left {top:0px; left:0px; width:20px; height:100%;}
.right {top:0px; right:0px; width:20px; height:100%;}
</style>
</comment>
<div class="top"></div>
<div class="bottom"></div>
<div class="left"></div>
<div class="right"></div>
if you want the borders to be different colors on each side, use this:
<style>
.a {this affects only IE}
body {_border:20px solid; _border-top-color:6699cc; _border-right-color:violet; _border-bottom-color:blue; _border-left-color:ffcc99;}
.top, .bottom, .left, .right {_display:none;}
</style>
<comment>
<style>
.a {this affects only firefox}
body {margin-top:20px;}
.top, .bottom, .left, .right {position:fixed; z-index:9;}
.top {background-color:6699cc;}
.right {background-color:violet;}
.bottom {background-color:blue;}
.left {background-color:ffcc99;}
.top {top:0px; left:0px; width:100%; height:20px;}
.bottom {bottom:0px; left:0px; width:100%; height:20px;}
.left {top:0px; left:0px; width:20px; height:100%;}
.right {top:0px; right:0px; width:20px; height:100%;}
</style>
</comment>
<div class="top"></div>
<div class="bottom"></div>
<div class="left"></div>
<div class="right"></div>
|