
July 20th, 2005, 11:40 PM
| | | How to fix elements in IE
Hi there,
please check out this page: http://nadine-timo.de/hsm/index.html
In most browsers the menu and the top line are _fixed_. Who knows how to
tell Internet Explorer to do so?
Thanks in advance
Marco
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:40 PM
| | | Re: How to fix elements in IE
On Mon, 24 May 2004 01:05:52 +0200, M. Ney wrote:
[color=blue]
> http://nadine-timo.de/hsm/index.html
>
> In most browsers the menu and the top line are _fixed_. Who knows how to
> tell Internet Explorer to do so?[/color]
I think the 'problem' is this line..
#kopfzeile {
position:fixed;
IE does not recognise 'position: fixed', AFAIU.
(and the problem is IE, not the style)
BTW ..be a nice chap and define an alt
tag for the image on line 66, eh?
(Even if simply alt="")
--
Andrew Thompson http://www.PhySci.org/ Open-source software suite http://www.PhySci.org/codes/ Web & IT Help http://www.1point1C.org/ Science & Technology | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
Andrew Thompson <SeeMySites@www.invalid> wrote:
[color=blue]
> IE does not recognise 'position: fixed', AFAIU.
> (and the problem is IE, not the style)[/color]
I know, but how to react?
[color=blue]
> BTW ..be a nice chap and define an alt
> tag for the image on line 66, eh?
> (Even if simply alt="")[/color]
I'll fix that before the site goes official.
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
On Mon, 24 May 2004 08:16:38 +0200, M. Ney <m.ney@gmx.net> wrote:
[color=blue]
> Andrew Thompson <SeeMySites@www.invalid> wrote:
>[color=green]
>> IE does not recognise 'position: fixed', AFAIU.
>> (and the problem is IE, not the style)[/color]
>
> I know, but how to react?[/color]
There's only one way to achieve the "fixed" rendering in IE, and it
involves the optional Javascript. It's not reliable for all users, most
notably Google, so ultimately you're stuck.
Design the page so that it degrades in IE in an acceptable fashion. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE m.ney@gmx.net (M. Ney) wrote:
[color=blue]
>Hi there,
>
>please check out this page:
>
> http://nadine-timo.de/hsm/index.html
>
>In most browsers the menu and the top line are _fixed_. Who knows how to
>tell Internet Explorer to do so?[/color]
Not without javascript. Simple scrolltop kind of thing with callback
polling. You'd set offsets for the top bar and your nav menu. It would
work fine, automatically. The rest would 'flow underneath' and not
even know the two blocks are there. Depending on what you have on
site, a simple horizontal line menu might be preferable, as well as a
much smaller title block - but . . But IE does NOT support FIXED, as
far as I know. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
Neal <neal413@yahoo.com> wrote:
[color=blue]
>There's only one way to achieve the "fixed" rendering in IE, and it
>involves the optional Javascript. It's not reliable for all users, most
>notably Google, so ultimately you're stuck.[/color]
Since when does Google care about the usage of js for presentational
effects?
--
Spartanicus | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
M. Ney wrote:[color=blue]
> Andrew Thompson <SeeMySites@www.invalid> wrote:
>[color=green]
>> IE does not recognise 'position: fixed', AFAIU. (and the problem is
>> IE, not the style)[/color]
>
> I know, but how to react?[/color]
Use parsing bugs in browsers to protect them.
/* the following is understood by Moz, O, IE5+, Safari, etc */
..myelement { position: absolute; }
/* fix for IE, which cannot parse child selector with no spaces */
/* this is understood by Moz, O, Safari, and others */
html>body .myelement { position: fixed; }
If you have links in the fixed part, then you should probably hide it
from IE5/Mac, too. It can fix elements, but the cursor does not change
on :link:hover for links inside a fixed section.
@media screen { /* hide from IE 5 Mac using media rule */
HTML>BODY .myelement { /* hide from IE Win as above */
position: fixed;
}
}
HTH
--
Brian (remove "invalid" from my address to email me) http://www.tsmchughs.com/ | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
On Mon, 24 May 2004 09:07:31 +0100, Spartanicus <me@privacy.net> wrote:
[color=blue]
> Neal <neal413@yahoo.com> wrote:
>[color=green]
>> There's only one way to achieve the "fixed" rendering in IE, and it
>> involves the optional Javascript. It's not reliable for all users, most
>> notably Google, so ultimately you're stuck.[/color]
>
> Since when does Google care about the usage of js for presentational
> effects?
>[/color]
You are correct - but nonetheless it's a good habit to avoid Js unless you
are positive it will not interfere with page use. Google wouldn't be
bothered by this usage, but the next time... Call it an error of caution. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
Neal <neal413@yahoo.com> wrote:
[color=blue][color=green][color=darkred]
>>> There's only one way to achieve the "fixed" rendering in IE, and it
>>> involves the optional Javascript. It's not reliable for all users, most
>>> notably Google, so ultimately you're stuck.[/color]
>>
>> Since when does Google care about the usage of js for presentational
>> effects?[/color]
>
>You are correct - but nonetheless it's a good habit to avoid Js unless you
>are positive it will not interfere with page use. Google wouldn't be
>bothered by this usage, but the next time... Call it an error of caution.[/color]
Most of us have no difficulty understanding the way javascript should be
used without the need to refer to it as if it was some magical monster
that can leap at you from the dark.
--
Spartanicus | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
Brian <usenet3@julietremblay.com.invalid> wrote:
[color=blue]
>M. Ney wrote:[color=green]
>> Andrew Thompson <SeeMySites@www.invalid> wrote:[/color][/color]
[color=blue][color=green][color=darkred]
>>> IE does not recognise 'position: fixed', AFAIU. (and the problem is
>>> IE, not the style)[/color][/color][/color]
[color=blue][color=green]
>> I know, but how to react?[/color][/color]
[color=blue]
>Use parsing bugs in browsers to protect them.[/color]
[color=blue]
>If you have links in the fixed part, then you should probably hide it
>from IE5/Mac, too. It can fix elements, but the cursor does not change
>on :link:hover for links inside a fixed section.[/color]
After downloading Firefox 0.8, I see that the rendering differences
between mozilla and IE are SO great, that it further justifies my
approach of routing different browsers to entirely different style
sheets. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
Ok,
I may use Javascript, it will work fine.
But if a user switches JS off for security reasons, my page design will
be killed!
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
> http://nadine-timo.de/hsm/index.html
My brother destroyed the Link by accident.
It should work within the next hour!
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE m.ney@gmx.net (M. Ney) wrote:
[color=blue]
>Ok,
>
>I may use Javascript, it will work fine.[/color]
What will work fine? (hint: quote)
[color=blue]
>But if a user switches JS off for security reasons, my page design will
>be killed![/color]
(after having read back in the thread due to missing quotes)
1) My remark to Neal should not be read as endorsement for this
particular usage, it merely addressed a flaw in his statement regarding
javascript usage.
2) Usage of position:fixed and a js hack to achieve the same effect in
IE is no reason why the display should be messed up if js is not enabled
(hint: code a fallback to position:absolute).
--
Spartanicus | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
On Mon, 24 May 2004 23:52:14 +0100, Spartanicus wrote:
( ..position:fixed -> IE/ JS -> IE/position:absolute )
[color=blue]
> 2) Usage of position:fixed and a js hack to achieve the same effect in
> IE is no reason why the display should be messed up if js is not enabled
> (hint: code a fallback to position:absolute).[/color]
Great idea! I might play with that
concept soon if I get a free moment..
[ I have always liked the 'fixed'
positioning but held back because
of IE's deficencies.. ]
--
Andrew Thompson http://www.PhySci.org/ Open-source software suite http://www.PhySci.org/codes/ Web & IT Help http://www.1point1C.org/ Science & Technology | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
On Tue, 25 May 2004 01:14:19 GMT, Andrew Thompson <SeeMySites@www.invalid>
wrote:
[color=blue]
> [ I have always liked the 'fixed'
> positioning but held back because
> of IE's deficencies.. ][/color]
Be aware that one of the pitfalls of fixed is that if the element has any
appreciable height, the content may be lost at some viewport sizes. I used
to like fixed, but the possibility of having content lost - especially as
the most likely candidate for fixed is a navigation division - cured me
quick. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
On Mon, 24 May 2004 23:28:18 -0400, Neal wrote:[color=blue]
> On Tue, 25 May 2004 01:14:19 GMT, Andrew Thompson wrote:
>[color=green]
>> [ I have always liked the 'fixed' positioning[/color][/color]
...[color=blue]
> Be aware that one of the pitfalls of fixed is that if the element has any
> appreciable height, the content may be lost at some viewport sizes.[/color]
Lose my content?! Definitely something
that would require investigation.
I like 'squeezy' pages where possible,
and like them to be useable if the visitor
can only give my page half the screen width.
--
Andrew Thompson http://www.PhySci.org/ Open-source software suite http://www.PhySci.org/codes/ Web & IT Help http://www.1point1C.org/ Science & Technology | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
On Tue, 25 May 2004 03:36:40 GMT, Andrew Thompson <SeeMySites@www.invalid>
wrote:
[color=blue]
> Lose my content?! Definitely something
> that would require investigation.
>
> I like 'squeezy' pages where possible,
> and like them to be useable if the visitor
> can only give my page half the screen width.
>[/color]
It's the width AND the height. Width will wrap. Height cannot. | 
July 20th, 2005, 11:41 PM
| | | Re: How to fix elements in IE
Andrew Thompson <SeeMySites@www.invalid> wrote:
[color=blue]
>I like 'squeezy' pages where possible,
>and like them to be useable if the visitor
>can only give my page half the screen width.[/color]
But as I wrote, before, why not just line menus, which are so common,
now? Just keep a line menu at the top, centered. If the jscript is
off, no big deal. Your viewer will have to use the sliders, the
scrollbars, to get back to the nav at the top. That's their choice.
That's how they want it. | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
"Barry Pearson" <news@childsupportanalysis.co.uk> wrote:
[color=blue]
>In this case, the boxes you see are actually the cells of a table. The CSS
>takes the table apart & sticks the cells to the sides of the viewport.
> http://www.barry.pearson.name/articl.../exhibit05.htm
>
>In this case, there are sidebars that remain fixed, *but* not in versions of
>IE before IE 6. (I haven't yet managed to do it in earlier versions).
> http://www.barry.pearson.name/articl.../fixed_bar.htm[/color]
Is there a net advantage, however, to this over a simple 10-line
javascript callback which would work in all versions of IE, and other
browsers? In addition, doesn't it thrown things off to set HTML and
BODY in this way? | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
"M. Ney" <m.ney@gmx.net> wrote in message
news:1ge9m7q.19l7g4k1b60w64N%m.ney@gmx.net...[color=blue]
> Hi there,
>
> please check out this page:
>
> http://nadine-timo.de/hsm/index.html
>
> In most browsers the menu and the top line are _fixed_. Who knows how to
> tell Internet Explorer to do so?[/color]
Try setting position: absolute
then define top and left px coordinates for the top left corner of the
object whose position you wish to fix.
You may also have to define positioning and occasionally size in some other
objects as well...
=~=
Timothy Casey
South Australia worloq@iprimus.com.au
Formerly: casey@smart.net.au
Phenomenal Speed Comprehension:
Discover the World's most advanced speed reading application at: http://www.fieldcraft.biz/shop/
[color=blue]
>
> Thanks in advance
> Marco
>
>
> --
> Please change the subject to "NEWSMAIL" in your emails.[/color] | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
Mark Johnson wrote:[color=blue]
> "Barry Pearson" <news@childsupportanalysis.co.uk> wrote:
>[color=green]
>>In this case, the boxes you see are actually the cells of a table.
>>The CSS takes the table apart & sticks the cells to the sides of the
>>viewport.
>> http://www.barry.pearson.name/articl.../exhibit05.htm
>>
>>In this case, there are sidebars that remain fixed, *but* not in
>>versions of IE before IE 6. (I haven't yet managed to do it in
>>earlier versions).
>> http://www.barry.pearson.name/articl.../fixed_bar.htm[/color]
>
> Is there a net advantage, however, to this over a simple 10-line
> javascript callback which would work in all versions of IE, and other
> browsers?[/color]
I can't make a decision for anyone else. Without a pure-CSS method that works
for IE 5, I would probably go for the Javascript. But with such a pure-CSS
method, I would probably go for it, if only because the user is more likely to
have CSS than Javascript.
[color=blue]
> In addition, doesn't it thrown things off to set HTML and
> BODY in this way?[/color]
Ask me next year! I'm currently trying to understand the implications of such
html & body rules. It isn't simply what they *do*. I am struggling to
understand what they *mean*. I'm unclear when you should use one and when the
other.
--
Barry Pearson http://www.Barry.Pearson.name/photography/ http://www.BirdsAndAnimals.info/ http://www.ChildSupportAnalysis.co.uk/ | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
Spartanicus wrote:
[color=blue]
> m.ney@gmx.net (M. Ney) wrote:
>[color=green]
> >I may use Javascript, it will work fine.[/color]
>
> What will work fine? (hint: quote)[/color]
The site will work fine. (hint: if there's nothing to quote, don't do.)
Just read the subject of this thread!
[color=blue]
> (after having read back in the thread due to missing quotes)[/color]
Many people will remember what a discussion is about, some will have to
read twice..
Marco
..
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
Timothy Casey wrote:
[color=blue]
> Try setting position: absolute
> then define top and left px coordinates for the top left corner of the
> object whose position you wish to fix.[/color]
That's what I did! I defined top and left with either pos:fixed or
absolute. It didn't work..
I will test that another time.
Thanks
Marco
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
Spartanicus wrote:[color=blue][color=green]
>> What will work fine? (hint: quote)[/color][/color]
M. Ney <m.ney@gmx.net> wrote:[color=blue]
> The site will work fine. (hint: if there's nothing to quote, don't do.)[/color]
What site?
[color=blue]
> Just read the subject of this thread![/color]
So someone appears to be trying to fix elements in a way that MSIE actually
supports. But what technique works? And what technique(s) didn't work?
[color=blue][color=green]
>> (after having read back in the thread due to missing quotes)[/color][/color]
[color=blue]
> Many people will remember what a discussion is about, some will have to
> read twice..[/color]
And many people will come upon your context-free post first, and will have
no idea what you're talking about. The other messages in the thread may not
be on the server. Or the newsreader may not present the messages as a
thread.
Many people will not have read the previous posts. I certainly don't read
everything posted to the comp.infosystems. www.authoring.* groups. The
killfile is your friend, and all that.
--
Darin McGrew, darin@TheRallyeClub.org, http://www.TheRallyeClub.org/
A gimmick car rallye is not a race, but a fun puzzle testing your
ability to follow instructions. Upcoming gimmick car rallye in
Silicon Valley: Best in Show (Saturday, June 5) | 
July 20th, 2005, 11:45 PM
| | | Re: How to fix elements in IE
M. Ney wrote:
[color=blue]
> Many people will remember what a discussion is about, some will have to
> read twice..[/color]
And many people contribute to many, many discussions. Sometimes hundreds
a day.
--
John MexIT: http://johnbokma.com/mexit/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/ | 
July 20th, 2005, 11:47 PM
| | | Re: How to fix elements in IE
M. Ney wrote:
[color=blue]
> Ok,
>
> I may use Javascript, it will work fine.
>
> But if a user switches JS off for security reasons, my page design will
> be killed![/color]
Then in the sense of the World Wide Web, your Javascript and your page
design do *not* work.
Actually, security reasons are not the only reason to switch off Javascript
(limiting CPU usage is another reason that comes to mind).
--
Shawn K. Quinn | 
July 20th, 2005, 11:48 PM
| | | Frames? CSS? Javascript?
Shawn K. Quinn wrote:
[color=blue]
> M. Ney wrote:
>[color=green]
> > I may use Javascript, it will work fine.
> >
> > But if a user switches JS off for security reasons, my page design will
> > be killed![/color]
>
> Then in the sense of the World Wide Web, your Javascript and your page
> design do *not* work.
>
> Actually, security reasons are not the only reason to switch off Javascript
> (limiting CPU usage is another reason that comes to mind).[/color]
So the situation is like this:
- Frames have many disadvantages, as listed in this document from 1996:
Why frames suck, http://www.useit.com/alertbox/9612.html
- CSS shows compatibility issues, especially in IE and Netscape/Mozilla
- Javascript isn't activated on every single browser
So what conclusions should be drawn? If you want to have a fixed menu
when the reader scrolls, what should you do?
Ciao
Marco
--
Please change the subject to "NEWSMAIL" in your emails. | 
July 20th, 2005, 11:48 PM
| | | Re: Frames? CSS? Javascript?
M. Ney wrote in
<1getbwl.vjin3f1dlqquN%m.ney@gmx.net>
[color=blue]
> Shawn K. Quinn wrote:
>[color=green]
>> M. Ney wrote:
>>[color=darkred]
>>> I may use Javascript, it will work fine.
>>>
>>> But if a user switches JS off for security reasons, my page design
>>> will be killed![/color]
>>
>> Then in the sense of the World Wide Web, your Javascript and your
>> page design do *not* work.
>>
>> Actually, security reasons are not the only reason to switch off
>> Javascript (limiting CPU usage is another reason that comes to mind).[/color]
>
> So the situation is like this:
>
> - Frames have many disadvantages, as listed in this document from
> 1996:
>
> Why frames suck, http://www.useit.com/alertbox/9612.html
>
> - CSS shows compatibility issues, especially in IE and
> Netscape/Mozilla
>
> - Javascript isn't activated on every single browser
>
> So what conclusions should be drawn? If you want to have a fixed menu
> when the reader scrolls, what should you do?[/color]
Without being facetious, you could stop wanting to have that feature.
Whilst it may well be an attractive and functional feature of your design,
and one that is hard to abandon after you've worked on it for so long, there
are millions of effective pages out there that get by without it.
--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies. | 
July 20th, 2005, 11:48 PM
| | | Re: Frames? CSS? Javascript?
On Thu, 3 Jun 2004 16:35:06 +0200, M. Ney <m.ney@gmx.net> wrote:[color=blue]
> If you want to have a fixed menu
> when the reader scrolls, what should you do?[/color]
Set it up so the div functions as absolute on IE and fixed on supporting
browsers. If the UA cannot support fixed, it will still work, although not
as desired. | 
July 20th, 2005, 11:48 PM
| | | Re: Frames? CSS? Javascript?
M. Ney wrote:
[color=blue]
> If you want to have a fixed menu when the reader scrolls, what
> should you do?[/color]
Stop wanting that, at least as a requirement of the design. In
general, when writing web documents, you'll be more successful if you
can let go of the presentation a bit.
--
Brian (remove ".invalid" to email me) |
Posting Rules
| You may not post new threads You may not post replies You may not post attachments You may not edit your posts HTML code is Off | | | | | | What is Bytes?
We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights.
Get the best answers to your questions from over network members.
|