From mboxrd@z Thu Jan 1 00:00:00 1970 From: Sebastian Rose Subject: Re: Suggestions for Orgmode.org homepage Date: Thu, 08 Jan 2009 03:53:31 +0100 Message-ID: <8763kq5x04.fsf@kassiopeya.MSHEIMNETZ> References: <87d4ey6gtb.fsf@kassiopeya.MSHEIMNETZ> Mime-Version: 1.0 Content-Type: text/plain; charset=us-ascii Return-path: Received: from mailman by lists.gnu.org with tmda-scanned (Exim 4.43) id 1LKkyh-0007y7-4p for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 21:50:35 -0500 Received: from exim by lists.gnu.org with spam-scanned (Exim 4.43) id 1LKkyg-0007xq-Kv for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 21:50:34 -0500 Received: from [199.232.76.173] (port=42095 helo=monty-python.gnu.org) by lists.gnu.org with esmtp (Exim 4.43) id 1LKkyg-0007xn-E7 for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 21:50:34 -0500 Received: from mail.gmx.net ([213.165.64.20]:34862) by monty-python.gnu.org with smtp (Exim 4.60) (envelope-from ) id 1LKkyf-0005ui-RU for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 21:50:34 -0500 In-Reply-To: (Manish's message of "Thu, 8 Jan 2009 01:55:22 +0530") List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org To: Manish Cc: "emacs-orgmode@gnu.org" Hi Manish, just make the #table-of-contents limited to a certain height. 100% should work if nothing else is higher than the visible area in the browser. If it doesn't, use a pixel value. @media screen { /* ... all your styles here ... */ #table-of-contents { position:fixed; width:198px; /* add this for the height: */ height:100%; overflow:auto; } * html { overflow-y: hidden; } * html body { overflow-y: auto; height: 100%; padding: 0 0 0 0; font-size: 100%; } * html div#table-of-contents { position: absolute; } } Regards, Sebastian Manish writes: > > Manish writes: > >> Hello Carsten, > >> > >> The image at http://imagebin.org/35260 shows the Orgmode homepage in > >> IE6 and http://imagebin.org/35261 shows the the same page in FF3. The > >> page in IE (6) is jumbled up (table of contents mixed up with page > >> contents) since it (IE6) does not support "position: fixed" used in > >> the org.css. I faced the same issue when I gave some org-generated > >> HTML documentation to someone using IE yesterday. So I got some help > >> from a friend and worked out a compromise so that it doesn't break so > >> horribly in IE6. > >> > >> What I did was to create another small CSS file, org-ie6, css, > with following > >> contents: > >> > >> : #table-of-contents{ > >> : position: absolute; > >> : float: left; > >> : } > >> : > >> : body { > >> : background-attachment: scroll; > >> : } > >> > >> And load this CSS conditionally when IE 6 is being used by adding > >> following line in the generated HTML file's header just above the > >> tag: > >> > >> : > >> > >> (previous line may wrap) > >> > >> The compromise is that the table of contents in the sidebar (along > >> with the background image) scrolls up with the page unlike in FF, > >> which IMHO, is an acceptable compromise. I have been told that some > >> javascript magic can make IE6 behave like "position: fixed" but I > >> haven't yet worked out how/if that can be done. > >> > >> Possibly a better workaround/solution exists for this else please > >> consider making similar change to the Orgmode home page. > >> > >> Also, I do not have access to IE7 so I do not know if that works. > > On Thu, Jan 8, 2009 at 1:15 AM, Sebastian Rose wrote: >> >> This is what I use in such cases. All styles starting with '*' are read >> by IE only. No compromise should be neccessary. >> >> >> >> >> @media screen { >> >> /* ... all your styles here ... */ >> >> #table-of-contents >> { >> position:fixed; >> width:198px; >> } >> >> * html { overflow-y: hidden; } >> >> * html body { >> overflow-y: auto; >> height: 100%; >> padding: 0 0 0 0; >> font-size: 100%; >> } >> >> * html div#table-of-contents { position: absolute; } >> } > > This is a much better solution. I have an on/off-topic question > though, if you do not mind. In case the TOC contents are more than > what fits on the page what do I add to css (or may be to #+OPTIONS > line?) to bring up a scroll bar like in > http://orgmode.org/Changes.html? > > Regards, -- Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover Tel.: +49 (0)511 - 36 58 472 Fax: +49 (0)1805 - 233633 - 11044 mobil: +49 (0)173 - 83 93 417 Email: s.rose@emma-stil.de, sebastian_rose@gmx.de Http: www.emma-stil.de