Take a look right here:
<!-- m --><a class="postlink" href="http://monkey.trouble-free.net/~thany/ids_new/template.htm">http://monkey.trouble-free.net/~thany/i ... mplate.htm</a><!-- m -->
In Internet Explorer, the Div with the white background + shadows is extended to below the login box. In Firefox, however, this is not the case. I vaguely remember that there was a way to change this in the CSS, but I can't find anything that can help in the CSS reference. Does anyone knows what the best way is to fix this? Thanks.by adding a height to your #main div
#main
{
width: 756px;
height:303px;
margin: auto;
background-image: url('images/background.gif');
background-repeat: repeat-y;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}
303px seems to work okay, u can adjust it as neccessaryGive this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) a read.
_Aerospace_Eng_ - The page won't always be 303px high, sometimes it might be 500px high, sometimes it might be 5000px high.Hehe, yeah setting a height won't work.
I'll read what's on that page, thanks lavalamp.Add border-bottom:1px solid #ccc; to #main
and clear:both; here:
</div>
<div style="clear:both;"></div>
</div>
</body>Ahh thanks. That seems to have done the job, kinda. I just have that tiny border now:
<!-- m --><a class="postlink" href="http://monkey.trouble-free.net/~thany/ids_new/template.htm">http://monkey.trouble-free.net/~thany/i ... mplate.htm</a><!-- m -->
Don't think that is that much of a problem, but still, looks kinda weird.
Anyway, I have an 'older' version up, right here:
<!-- m --><a class="postlink" href="http://sander.kryap.com/ids/template.htm">http://sander.kryap.com/ids/template.htm</a><!-- m -->
Well, that part with the Copyright thing and that bottom image above it is the 'bottom' div. As you can see, the Div stays under the Destination part, but it refuses to stay under the Games part. I can't find out why it does this, but I think that if I would be able to stick that Div under the Games part as well, it would be a better solution than what Fang gave.border-bottom:1px solid transparent !important;border-bottom:0;Bah, I should be shot for not thinking of that myself.
Thanks a lot
<!-- m --><a class="postlink" href="http://monkey.trouble-free.net/~thany/ids_new/template.htm">http://monkey.trouble-free.net/~thany/i ... mplate.htm</a><!-- m -->
In Internet Explorer, the Div with the white background + shadows is extended to below the login box. In Firefox, however, this is not the case. I vaguely remember that there was a way to change this in the CSS, but I can't find anything that can help in the CSS reference. Does anyone knows what the best way is to fix this? Thanks.by adding a height to your #main div
#main
{
width: 756px;
height:303px;
margin: auto;
background-image: url('images/background.gif');
background-repeat: repeat-y;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}
303px seems to work okay, u can adjust it as neccessaryGive this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) a read.
_Aerospace_Eng_ - The page won't always be 303px high, sometimes it might be 500px high, sometimes it might be 5000px high.Hehe, yeah setting a height won't work.
I'll read what's on that page, thanks lavalamp.Add border-bottom:1px solid #ccc; to #main
and clear:both; here:
</div>
<div style="clear:both;"></div>
</div>
</body>Ahh thanks. That seems to have done the job, kinda. I just have that tiny border now:
<!-- m --><a class="postlink" href="http://monkey.trouble-free.net/~thany/ids_new/template.htm">http://monkey.trouble-free.net/~thany/i ... mplate.htm</a><!-- m -->
Don't think that is that much of a problem, but still, looks kinda weird.
Anyway, I have an 'older' version up, right here:
<!-- m --><a class="postlink" href="http://sander.kryap.com/ids/template.htm">http://sander.kryap.com/ids/template.htm</a><!-- m -->
Well, that part with the Copyright thing and that bottom image above it is the 'bottom' div. As you can see, the Div stays under the Destination part, but it refuses to stay under the Games part. I can't find out why it does this, but I think that if I would be able to stick that Div under the Games part as well, it would be a better solution than what Fang gave.border-bottom:1px solid transparent !important;border-bottom:0;Bah, I should be shot for not thinking of that myself.
Thanks a lot