How to fix elements in IE

[Andrew Thompson]

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

[Neal]

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.

[Mark Johnson]

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.

[Barry Pearson]

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/articles/table_pages/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/articles/misc/fixed_bar.htm

--
Barry Pearson

http://www.Barry.Pearson.name/photography/

http://www.BirdsAndAnimals.info/

http://www.ChildSupportAnalysis.co.uk/

[Mark Johnson]

Re: How to fix elements in IE

"Barry Pearson" <news@childsupp ortanalysis.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?

[Timothy Casey]

Re: How to fix elements in IE


"M. Ney" <m.ney@gmx.ne t> wrote in message
news:1ge9m7q.19 l7g4k1b60w64N%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]

[Barry Pearson]

Re: How to fix elements in IE

Mark Johnson wrote:[color=blue]
> "Barry Pearson" <news@childsupp ortanalysis.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/

[M. Ney]

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.

[M. Ney]

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.

[Darin McGrew]

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.ne t> 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.infosystem s.www.authoring.* groups. The
killfile is your friend, and all that.
--
Darin McGrew, darin@TheRallye Club.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)

[John Bokma]

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/

[Shawn K. Quinn]

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

[M. Ney]

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.

[PeterMcC]

Re: Frames? CSS? Javascript?

M. Ney wrote in
<1getbwl.vjin3f 1dlqquN%m.ney@g mx.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.

[Neal]

Re: Frames? CSS? Javascript?

On Thu, 3 Jun 2004 16:35:06 +0200, M. Ney <m.ney@gmx.ne t> 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.