On Wed, Apr 16, 2008 at 11:14 AM, Bill Guion <[EMAIL PROTECTED]> wrote:
> I've been reluctant to ask these questions, not because of any lack > of faith in the wonderful people on this list, but because I can't > give you the opportunity to see the page for yourself, and I don't > think it's entirely fair to ask you to fix something you can't see. > But, this has reached a point where I really don't have any choice. > > The web page is part of our corporate employees only web site. You > need an account to access it. Could I move it to a public site. Not > easily. There is a MySQL database attached that would have to be > moved, MySQL installed, PHP installed. Probably isn't going to happen. > > Background. This page is a corporate phone book. Name, phone number, > email address, office location, etc. Data are stored in the database. > Retrieving the data is working just fine. PHP is used extensively, > but I have removed the PHP from below to reduce the clutter. PHP is > not the problem. (Try of focus on the CSS, not the html. I may have > done something in removing the PHP that doesn't make any sense. Don't > let that worry you unless that may contribute to the problem. > > The problem. At the top of the page is a typical header - last > modification date, how to request changes, etc. and a form where you > can select a particular department you want to see, along with a > submit button, and finally column headers for the data that follows. > Below all this is the data. My goal is to have the header fixed at > the top of the page, and have the data scroll. > > In FF this works "OK". The only problem is that the data scrolls > under the header rather than being cut off before it gets to the > header. The downside is if you perform a search, the found row in the > table may be under the header and not visible. > > A second problem is that with IE, the header scrolls off with the > data. I can live with this, if a lot of work is required to "tame" IE. > > The last problem is that on various platforms, there are varying > amounts of space between the bottom of the header and the first line > of the table. I've set the spacing so that on all browsers, the first > row is visible. On other browsers, that leaves a big (more than an > inch) gap. > > So, what I'd like to do is a) eliminate the gap, or reduce it as much > as possible, b) have the data not scroll under the header, and c) if > not too difficult, tame IE so that header doesn't scroll. > > Is any of this fixable? > > -----===== Bill =====----- > // Styling and HTML removed for your eyes > Bill, After asking you about the originiality of the code you sent, I went and took a better look at it. A few things I noticed: 1) Markup is not correct. The first major problem is that you have an improperly nested paragraph tag. 2) Your CSS Comments are not properly ended, specifically near the #footer declairation. Since you can't provide a working draft, I set a few up. The original you can find at: http://www.trotlc.com/test.php My copy, which I think does what you're asking, can be found at: http://www.trotlc.com/test2.php Now, for position:fixed. Unfortunately, IE does not support this attribute. (I leave IE8 out, because it is not yet a finished product, and I don't code for Betas.) So, ultimately it appears your markup was the culprit. I think that's all the changes I made. The <p> tag was being left empty in Firefox, and therefore throwing in a margin area around nothing, which might be the diagnosis for the blank space. Please let me know if I got what you're looking for. Others, if you have something better, I'd like to know, so I can fix how I'm looking at it. -- -Jack Timmons http://www.trotlc.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
