Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 20th, 2005, 11:40 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #2  
Old July 20th, 2005, 11:40 PM
Andrew Thompson
Guest
 
Posts: n/a
Default 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
  #3  
Old July 20th, 2005, 11:41 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #4  
Old July 20th, 2005, 11:41 PM
Neal
Guest
 
Posts: n/a
Default 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.
  #5  
Old July 20th, 2005, 11:41 PM
Mark Johnson
Guest
 
Posts: n/a
Default 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.


  #6  
Old July 20th, 2005, 11:41 PM
Spartanicus
Guest
 
Posts: n/a
Default 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
  #7  
Old July 20th, 2005, 11:41 PM
Brian
Guest
 
Posts: n/a
Default 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/
  #8  
Old July 20th, 2005, 11:41 PM
Neal
Guest
 
Posts: n/a
Default 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.
  #9  
Old July 20th, 2005, 11:41 PM
Spartanicus
Guest
 
Posts: n/a
Default 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
  #10  
Old July 20th, 2005, 11:41 PM
Mark Johnson
Guest
 
Posts: n/a
Default 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.

  #11  
Old July 20th, 2005, 11:41 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #12  
Old July 20th, 2005, 11:41 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #13  
Old July 20th, 2005, 11:41 PM
Spartanicus
Guest
 
Posts: n/a
Default 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
  #14  
Old July 20th, 2005, 11:41 PM
Andrew Thompson
Guest
 
Posts: n/a
Default 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
  #15  
Old July 20th, 2005, 11:41 PM
Neal
Guest
 
Posts: n/a
Default 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.
  #16  
Old July 20th, 2005, 11:41 PM
Andrew Thompson
Guest
 
Posts: n/a
Default 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
  #17  
Old July 20th, 2005, 11:41 PM
Neal
Guest
 
Posts: n/a
Default 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.
  #18  
Old July 20th, 2005, 11:41 PM
Mark Johnson
Guest
 
Posts: n/a
Default 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.

  #19  
Old July 20th, 2005, 11:41 PM
Barry Pearson
Guest
 
Posts: n/a
Default Re: How to fix elements in IE

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]

It is certainly possible, in some cases, to get the effect of { position:
fixed } in IE without using Javascript. I got help elsewhere and also used
information at the following page:
http://devnull.tagsoup.com/fixed/

Here are a couple of experiments I did. (Valid HTML 4.01 Strict).

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

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/


  #20  
Old July 20th, 2005, 11:45 PM
Mark Johnson
Guest
 
Posts: n/a
Default 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?

  #21  
Old July 20th, 2005, 11:45 PM
Timothy Casey
Guest
 
Posts: n/a
Default 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]


  #22  
Old July 20th, 2005, 11:45 PM
Barry Pearson
Guest
 
Posts: n/a
Default 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/


  #23  
Old July 20th, 2005, 11:45 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #24  
Old July 20th, 2005, 11:45 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #25  
Old July 20th, 2005, 11:45 PM
Darin McGrew
Guest
 
Posts: n/a
Default 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)
  #26  
Old July 20th, 2005, 11:45 PM
John Bokma
Guest
 
Posts: n/a
Default 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/
  #27  
Old July 20th, 2005, 11:47 PM
Shawn K. Quinn
Guest
 
Posts: n/a
Default 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
  #28  
Old July 20th, 2005, 11:48 PM
M. Ney
Guest
 
Posts: n/a
Default 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.
  #29  
Old July 20th, 2005, 11:48 PM
PeterMcC
Guest
 
Posts: n/a
Default 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.

  #30  
Old July 20th, 2005, 11:48 PM
Neal
Guest
 
Posts: n/a
Default 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.
  #31  
Old July 20th, 2005, 11:48 PM
Brian
Guest
 
Posts: n/a
Default 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)

 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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.
Post your question now . . .
It's fast and it's free

Popular Articles