From mboxrd@z Thu Jan 1 00:00:00 1970 From: Manish Subject: Re: Suggestions for Orgmode.org homepage Date: Thu, 8 Jan 2009 01:55:22 +0530 Message-ID: References: <87d4ey6gtb.fsf@kassiopeya.MSHEIMNETZ> Mime-Version: 1.0 Content-Type: text/plain; charset=ISO-8859-1 Content-Transfer-Encoding: 7bit Return-path: Received: from mailman by lists.gnu.org with tmda-scanned (Exim 4.43) id 1LKexz-0007c6-Ku for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 15:25:27 -0500 Received: from exim by lists.gnu.org with spam-scanned (Exim 4.43) id 1LKexx-0007bN-75 for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 15:25:26 -0500 Received: from [199.232.76.173] (port=49926 helo=monty-python.gnu.org) by lists.gnu.org with esmtp (Exim 4.43) id 1LKexx-0007bK-1n for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 15:25:25 -0500 Received: from ti-out-0910.google.com ([209.85.142.191]:47546) by monty-python.gnu.org with esmtp (Exim 4.60) (envelope-from ) id 1LKexw-0006p7-Dt for emacs-orgmode@gnu.org; Wed, 07 Jan 2009 15:25:24 -0500 Received: by ti-out-0910.google.com with SMTP id u5so7287938tia.10 for ; Wed, 07 Jan 2009 12:25:22 -0800 (PST) In-Reply-To: <87d4ey6gtb.fsf@kassiopeya.MSHEIMNETZ> Content-Disposition: inline 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: Sebastian Rose Cc: "emacs-orgmode@gnu.org" > 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, -- Manish