I created a border around the webpage (some solid colors at the top and the bottom of the page, and an image pattern on left and right). You can see the page at http://sparql.captsolo.net/2009/08/border/

It works as intended in Firefox and Safari, but looks very wrong on IE6.

Could you please tell me how to fix this page and make the border look OK on IE6 as well?

2 answers


It could be IE6's double margin bug. You can read about solving this bug here (scroll down to where it says Double Margin Bug).

But why are using tables? Why not just do it all in CSS?

Answered about 10 years ago by Mirza Rahman

The problem here is IE6 did not support position:fixed. But with what you want you to archive you didn't need to use position fixed at all. For HTML, you can just change it to

<div id="leftimage">
<div id="rightimage">
    <div id="content">
        <center><p>Some content goes here.</p></center>

The for the CSS, it should look like

h1,h2 {color: #CC9966;font-family: Gotham, Verdana, Arial, sans-serif;text-align: center;margin-top:0px;}
p {width: 60%;}
#leftimage {background: transparent url(images/1px.gif) repeat-y top left;padding-left:28px;}
#rightimage {background: transparent url(images/1px.gif) repeat-y top right;padding-right:28px;}
#content {padding-top:20px;border-top:15px solid red;border-bottom:15px solid red;}

That should do it.

Answered about 10 years ago by Reungyos Vorajenwanich