Demo Discussion
Forum Config Examples Contributions Vulnerabilities
  Discussion forum about ELOG  Not logged in ELOG logo
icon5.gif   scrollable text section only when viewing a log entry, posted by Bill Pier on Wed Apr 23 01:55:16 2008 
    icon2.gif   Re: scrollable text section only when viewing a log entry, posted by Stefan Ritt on Wed Apr 23 07:46:56 2008 
       icon3.gif   Re: scrollable text section only when viewing a log entry, posted by Bill Pier on Thu Apr 24 23:52:45 2008 
          icon2.gif   Re: scrollable text section only when viewing a log entry, posted by Stefan Ritt on Mon Apr 28 08:00:18 2008 
             icon3.gif   Re: scrollable text section only when viewing a log entry, posted by Bill Pier on Tue May 6 21:28:18 2008 7x
                icon5.gif   Re: scrollable text section only when viewing a log entry, posted by Bill Pier on Thu Feb 19 18:19:12 2009 
                   icon2.gif   Re: scrollable text section only when viewing a log entry, posted by Stefan Ritt on Fri Feb 20 07:58:52 2009 
Message ID: 65861     Entry time: Mon Apr 28 08:00:18 2008     In reply to: 65853     Reply to this: 65870
Icon: Reply  Author: Stefan Ritt  Author Email: stefan.ritt@psi.ch 
Category: Question  OS: All  ELOG Version: 2.7.3 
Subject: Re: scrollable text section only when viewing a log entry 

Bill Pier wrote:

Stefan Ritt wrote:

Bill Pier wrote:

Is there a way, option, feature to setup the text section only to be scrollable when viewing a log entry, such that the header (meta info) section stays fixed?

Unfortunately no.

Well, I tinkered a bit with a journal entry display page and found that without having to suggest the flavor-of-the-month web design mantra of "replace table layout with CSS only",  just a few CSS tweaks can enable exactly what I am desiring.

For your consideration, here are the tweaks I made to get a fixed header and footer section with a scrollable journal entry section in the middle:

  1. moved the journal entry content and footer line (elog version info) out of the layout table structure, into their own div sections;
  2. in the style sheet, added attribute "position:fixed" to the "frame table" section;
  3. in the style sheet, added attribute sections for journal entry content and footer div sections:
    1. #content: overflow:auto;position:fixed;top:230px;bottom:30px;width:100%;
    2. #footer:  text-align:center;bottom:0;position:fixed;width:100%;

Now as I'm not a web designer by trade and not intimately familiar with CSS nuances, I used the time honored method of documentation lookup with trial and error.

In any case, it worked and displays exactly the way I wanted; please do consider this for a future elog release. 

Apparently you downloaded an ELOG page and modified it manually. Can you send me the modified page, it then would be easier for me to implement it (I can shorten "my" trial and error phase..)

ELOG V3.1.5-3fb85fa6