From: Sebastian Rose <sebastian_rose@gmx.de>
To: Manish <mailtomanish.sharma@gmail.com>
Cc: "emacs-orgmode@gnu.org" <emacs-orgmode@gnu.org>
Subject: Re: Suggestions for Orgmode.org homepage
Date: Thu, 08 Jan 2009 03:53:31 +0100 [thread overview]
Message-ID: <8763kq5x04.fsf@kassiopeya.MSHEIMNETZ> (raw)
In-Reply-To: <e7cdbe30901071225y5c78e19dx1ae4c819832c9f75@mail.gmail.com> (Manish's message of "Thu, 8 Jan 2009 01:55:22 +0530")
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 <mailtomanish.sharma@gmail.com> writes:
> > 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.
>
> 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
next prev parent reply other threads:[~2009-01-08 2:50 UTC|newest]
Thread overview: 11+ messages / expand[flat|nested] mbox.gz Atom feed top
2009-01-07 18:28 Suggestions for Orgmode.org homepage Manish
2009-01-07 19:45 ` Sebastian Rose
2009-01-07 20:25 ` Manish
2009-01-08 2:53 ` Sebastian Rose [this message]
2009-01-08 4:02 ` Manish
2009-01-07 23:41 ` Carsten Dominik
2009-01-08 2:54 ` Sebastian Rose
2009-01-08 3:27 ` Samuel Wales
2009-01-07 21:26 ` Matthew Lundin
2009-01-08 5:44 ` Manish
2009-01-08 9:03 ` R: " Giovanni Ridolfi
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
List information: https://www.orgmode.org/
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=8763kq5x04.fsf@kassiopeya.MSHEIMNETZ \
--to=sebastian_rose@gmx.de \
--cc=emacs-orgmode@gnu.org \
--cc=mailtomanish.sharma@gmail.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this public inbox
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).