site: http://amalthia.mediawood.net/ebooks/authors.php?list=authors
username: ebooks
password: forus
I'm not sure why but on this page only the header does not load with the rest of the page. (I've only seen this in IE7) However if I mouse over the top half the header will show up under the highlighted sections and remain visible until the next time I refresh the page.
I'm completely baffled by this because all the other pages that work just fine and I'm not sure why the authors.php?list=authors isn't working the same way.
I'd appreciate any and all help.
If you've positioned elements that can sometimes cause this behavior in IE.
If you've positioned elements that can sometimes cause this behavior in IE.
But how would you position the elements on just the author's page so it doesn't affect any of the other pages? Basically, the site looks fine in Firefox just trying to work out the kinks in IE7....
The positioning bug where things appear and disappear is called the peakaboo bug and it was supposedly fixed in IE7. I have however encountered strangeness like this in IE7. Nearly everything like this is fixed by adding overflow: auto; to the CSS so try adding that to whatever you've named your header div.
The positioning bug where things appear and disappear is called the peakaboo bug and it was supposedly fixed in IE7. I have however encountered strangeness like this in IE7. Nearly everything like this is fixed by adding overflow: auto; to the CSS so try adding that to whatever you've named your header div.
.header {
border-bottom: 1px solid #336699;
font-style: italic;
font-size: 100%;
font-weight: normal;
margin: 1em 0 .5em 0;
padding: .3em 0;
text-transform: capitalize;
overflow: auto;}
I added the overflow:auto; but it didn't seem to fix the problem. Am I supposed to add something to my default.tpl so far I just have
<!-- INCLUDE BLOCK : header -->
{output}
<!-- INCLUDE BLOCK : listings --> <p></P>
<!-- INCLUDE BLOCK : footer -->
this is my header.tpl
<div id="mainpage">
<!-- START BLOCK : header --> {menu_content}
<body> <div id="{page_id}"> <div id="bannerback"><div id="banner"> <h1> {sitename}</h1>
<h2>{slogan}</h2> </div> </div> </div><!-- END BLOCK : header -->
And I wasn't sure if I was supposed to change anything else?
#menu {
background: #ffffff;
text-align: right;
overflow: auto;
}
I added the overflow:auto to my menu and that appeared to fix the problem on the author page.
