Re: Suggestions for Orgmode.org homepage

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

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

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