Giving a DIV tag 100% width?
And using CENTER tags?
And using PX for 0 attributes?
And not using JQUERY for the scripting?
The CSS for the div should be:
Code:
.whateverclass{
position:fixed;
z-index:99999999; /* only needed if you have other positioned elements on the page */
left:0;
bottom:0
}
You div would be
Code:
<div class="whateverclass">HTML HERE</div>
Then, us jquery for the hide/show
Code:
<script>
$('.closeclass').click(function() {
$('.whateverclass').hide();
$('.showclass').show();
});
$('.showclass').click(function() {
$('.whateverclass').show();
$('.showclass').hide();
});
</script>
.whateverclass = the fixed div
.closeclass = the link to close the fixed div
.showclass = the link to reshow the fixed div
clicking the .closeclass link hides the fixed div, and it shows the reshow link. and then clicking the reshow link shows the fixed div and hides the reshow link.
So you'd also have these two links somewhere on your page (obviously don't put the reshow link in the fixed div, because it wouldn't be visible unless the div was as well.
Code:
<a href="" class="closeclass">close</a>
<a href="" class="showclass">show</a>
didn't mean to piss in your cheereos here but the code you posted is some seriously bloated and out of date load of html.