I would welcome help with a problem I'm having with my Welcome page at
http://www.AdamsStreet.org .
The problem is that the vertical scroll-bar appears correctly, but is frozen.
It can't scroll the content of the #nachasNotes DIV.
This happens in Firefox but not MSIE. (Those are the only browsers I have.) I
searched and found a thread back in 2005 that seemed
similar at first but didn't help. (Maybe I didn't understand it right.)
==========================================================
My Welcome page contains:
<STYLE>#nachasNotes P STRONG {font-size:11;}</STYLE>
<?php include "../includes/nachas-notes.php" ; ?>
=========================================================
The included file contains:
<DIV ID="nachasNotes" >
<TABLE CELLPADDING="4" ID="nachasTable" >
<TR>
<TD STYLE="color:#0000ff; font-size:10px;
font-family:verdana,arial,helvetica,sans-serif; ">
<P><STRONG>Nachas Notes:</STRONG></FONT></P>
<P>Congratulations to Beth and Ronny Drapkin on their tenth anniversary,
December 21st! </P>
<P>......A VERY, VERY LONG LIST OF ONE-LINE PARAGRAPHS GOES HERE......</P>
</TD></TR></TABLE>
</DIV>
===========================================================
The #nachasNotes DIV is inside a #PageContent DIV. The external CSS file
contains:
#PageContent {
position:absolute; left: 131px; top: 111px;
width:670px; height:400px; z-index:2;
}
#nachasNotes {
position:absolute; width:461px; height:445px; z-index:2; left: 0px; top: 214px;
background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none
#000000; overflow: auto;
ALIGN:left;
/* width is either 259 or 461 depending on if it is to fill under the
slideshow and headlines, or only under the slideshow */
}
=============================================================
The external css files are:
http://www.AdamsStreet.org/css/content.css (this file has the page-specific
css stuff, and is proably the source of this problem)
http://www.AdamsStreet.org/css/header.css (has the stuff that is the same for
all pages on the site),
and http://www.AdamsStreet.org/css/headlines.css .
Here's what triggered the problem:
The site had used CSS extensively and successfully; the scroll-bars had worked.
But I recently converted the site, in order to
separate ever-changing content from stable presentation html. In preparation
for migrating to something that would let
non-technical people update the content.
So I pulled the CSS styles from within all the pages, out into an external file.
Then I added php variable definitions at the top of each file to define
page-specific stuff like title, keywords, header-image, etc.
And then I 'include' one standard StandardHead.php and StandardBody.php that
use all those definitions.
So now all the files are identical except for their main #PageContent DIV.
This was all intended as a precursor to custom-writing a
template and some Components to redo the site in Joomla so that I don't have to
maintain the content anymore.
The Welcome page is more complex than the others and hasn't yet received all
the CSS cleanup like the other pages. Somewhere along
the line, this scrollbar stopped working, and I only just noticed it now.
(Another oddity of the changeover is that I simetimes have to refreshh the
pages a few times before the content all appears
correctly. But that is probably a server speed problem, or related to the site
redirection, rather than CSS.)
If you've made it to the bottom of this post, thanks for listening!
---Jordan
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
