Re: Suggestions for Orgmode.org homepage

From: Sebastian Rose <sebastian_rose@gmx.de>
To: Carsten Dominik <dominik@science.uva.nl>
Cc: "emacs-orgmode@gnu.org" <emacs-orgmode@gnu.org>
Subject: Re: Suggestions for Orgmode.org homepage
Date: Thu, 08 Jan 2009 03:54:31 +0100	[thread overview]
Message-ID: <871vve5wyg.fsf@kassiopeya.MSHEIMNETZ> (raw)
In-Reply-To: <5FD9DD42-0863-4B0E-A3C3-CB99123FFC69@uva.nl> (Carsten Dominik's message of "Thu, 8 Jan 2009 00:41:28 +0100")

Carsten Dominik <dominik@science.uva.nl> writes:
> Hi Sebastian,
>
> would you like to make things easy for me and make me a new version of org.css
> which will work also on IE, and send it to me????

Yes, I'll give it a shot this evening.

Best,

   Sebastian

>
> Thanks!
>
> - Carsten
>
> On Jan 7, 2009, at 8:45 PM, 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; }
>> }
>>
>>
>>
>>
>>
>>
>> Regards,
>>
>>    Sebastian
>>
>>
>>
>> Manish <mailtomanish.sharma@gmail.com> 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
>>> <body> tag:
>>>
>>>  : <!--[if lt IE 7]><link rel="stylesheet" href="org-ie6.css"
>>> type="text/css" ><![endif]-->
>>>
>>> (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.
>>>
>>> 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
>>
>>
>> _______________________________________________
>> Emacs-orgmode mailing list
>> Remember: use `Reply All' to send replies to the list.
>> Emacs-orgmode@gnu.org
>> http://lists.gnu.org/mailman/listinfo/emacs-orgmode
>

-- 
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