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: 65853     Entry time: Thu Apr 24 23:52:45 2008     In reply to: 65847     Reply to this: 65861
Icon: Idea  Author: Bill Pier  Author Email: bpier@clove.org 
Category: Question  OS: All  ELOG Version: 2.7.3 
Subject: Re: scrollable text section only when viewing a log entry 

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.

 

Bill

ELOG V3.1.5-fe60aaf