Re: [css-d] Opera 8 and position:fixed

[David Laakso]

Gunlaug Sørtun wrote:
> Gunlaug Sørtun wrote:
>   
>> 
>> 
>
>   
>> CSS in page-head.
>> 
>
> Correction: CSS found here...
>
> 
> 
>
> ...and updated to avoid "endless scrolling" in IE/win.
>
>   Georg
>   

The full-blown, cross-browser working, version is here...

...as an example.

regards
Georg



RE: Design Groups

I no longer have the original thread, so I am tagging on-- not sure 
exactly what is you are looking for other than it has to do with fixed 
positioning & something or other about Opera.
And no way I can compete with Georg Sortun as I learned everything from 
his cat 'Molly'(and so did he). But this is along the same lines, but is 
a little different
so FWIW:  . The last 
time I looked this thing worked in Opera9sort of), but that was a long 
time ago.
Best,
~dL


-- 
http://www.dlaakso.com/gustave/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opera 8 and position:fixed

[Gunlaug Sørtun]

Gunlaug Sørtun wrote:
> 

> CSS in page-head.

Correction: CSS found here...




...and updated to avoid "endless scrolling" in IE/win.

Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opera 8 and position:fixed

[Gunlaug Sørtun]

Design Groups wrote:
> Anyway, if anyone has further input on this, I'd appreciate it - but 
> it *is* just something I'm toying with, so it's of no real 
> importance. Just messing around to see if it can be done.  I'm 
> beginning to think that it can't!

Don't know about that :-)

If this somewhat like what you're looking for?

CSS in page-head.
Footer and side-bar have fixed position relative to a fluid-width
container - regardless of window-width.

The page is a bit old now, and I've forgotten to fine-tune one of those
margins on the footer for IE/win, so IE shows a slight sign of "endless
scrolling" below bottom - but only in that test page.

The full-blown, cross-browser working, version is here...

...as an example.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opera 8 and position:fixed

[Design Groups]

Andrew Gregory wrote:
>
> Using Opera 8(.54), it's not "literally centered" - resize the window 
> to see. It has an amusing repaint glitch too.
>
Well, at least it's amusing ;)
> My Firefox (1.5.0.3) did not need that margin. Removing that margin 
> changed nothing in the display of my Firefox, Opera or IE.
And you are right - more "playing" yesterday on my part caused me to 
discover this, as well :)  It must have been one of the other versions I 
was working on, and it slipped through to this one (note the name of the 
file is "index6" - I'm up to index8" now!)

Ryan Cannon wrote:
> unlike absolute positioning, which is relative to a relatively or absolutely 
> positioned containing block or, that failing, the viewport.
>   
That's what I was afraid of.  I was beginning to think that this is 
*exactly* what the issue was.  Oh well, at least it's now verified!
> I'm wondering if you perhaps want absolute position instead of fixed.  
>   
I would be happy to use absolute positioning.  The problem is (and you 
can see this in IE) that when you *do* use absolute positioning, the 
sidebar scrolls with the page, as well.  Which I don't want.  The only 
part I want to scroll is the content area - the "box" and the sidebar, I 
want to stay in place, right where they are.  In Firefox (and apparently 
Opera 9 and IE7) it does exactly what I want it to do.
> With the code you supply, page does very odd things when the window scrolls.
I'm willing to bet you mean the weird "light gray" boxes that scroll 
everywhere over the sidebar?  This is the other thing I'm experimenting 
with - I'm trying to associate block-level divs with the scrolling 
content.  Normally, when you hover/click over the links in the sidebar, 
the background reverts back to the original background color (since CSS 
doesn't supply "onclick" events the way a javascript would).  What I was 
trying to do is, when the end user clicks on a link to scroll to that 
particular section of content, that "light gray box" covers the link, 
making it obvious *which* "page" of content you are on - sort of like a 
"fake onclick" thing.  (I hope that makes sense.)  Again, in Firefox, 
works great.  Everything else..it sucks.

Anyway, if anyone has further input on this, I'd appreciate it - but it 
*is* just something I'm toying with, so it's of no real importance.  
Just messing around to see if it can be done.  I'm beginning to think 
that it can't!

Thanks!

~Shelly

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opera 8 and position:fixed

[Ryan Cannon]

According to the spec[1], using position: fixed is *always* relative  
to the viewport, unlike absolute positioning, which is relative to a  
relatively or absolutely positioned containing block or, that  
failing, the viewport.

Fixed positioning is like this because the element is positioned in a  
specific place on the screen—other boxes have no effect on it.

I'm wondering if you perhaps want absolute position instead of fixed.  
With the code you supply, page does very odd things when the window  
scrolls.

[1]: http://www.w3.org/TR/REC-CSS2/visuren.html#fixed-positioning  
"Visual formatting model"
-- 
Ryan

http://RyanCannon.com/



On 19 May 2006, at 5:53 PM, [EMAIL PROTECTED] wrote:

> I have a #wrapper container that's 700px wide and centered with  
> margin:0
> auto.  I want a sidebar that is "position:fixed" and flush left and  
> top
> to the container - not the browser window.  Amazingly, I've actually
> gotten this under control in IE, and, of course, works fine in Mozilla
> (had to add "margin: 0 auto" to the #sidebar  to get it in there,  
> but it
> worked for some reason!).  However, in Opera , it *literally* centers
> the #sidebar in the browser window.
>
> My #wrapper container centers itself just fine (I also have it
> relatively positioned for IE purposes to emulate the fixed  
> positioning),
> but I cannot seem to get Opera to set the #sidebar to the left of the
> #wrapper and not the browser window.
>
> Is this a bug?  Or am I missing something completely?  Would anyone  
> know
> how I could get that #sidebar to flush left of the #wrapper and not  
> the
> browser window itself?  I'd really appreciate any advice :)
>
> Oh, and if it helps...
>
> #wrapper {
> position:relative;
> width:700px;
> height:18em;
> margin:10px auto;
> border:1px solid #000;
> background-color:#EEE;
> color:#000;}
>
> #sidebar {
> width:100px;
> height:18em;
> background-color:#CCC;
> color:#FFF;
> position:fixed;
> margin:0 auto; /* this, for some reason, makes Firefox
> position it where I want to.  If I take it out, then the sidebar does
> the same thing Opera does.  If a leave it in, Opera centers the  
> sidebar
> in the browser window, overlapping the #wrapper div*/}
>
> Thanks!
>
> ~Shelly

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Opera 8 and position:fixed

[Andrew Gregory]

On Sat, 20 May 2006 02:26:28 +0800, Design Groups  
<[EMAIL PROTECTED]> wrote:

> I have a #wrapper container that's 700px wide and centered with margin:0 
> auto.  I want a sidebar that is "position:fixed" and flush left and top 
> to the container - not the browser window.
> [snip]
> in Opera , it *literally* centers the #sidebar in the browser window.

Using Opera 8(.54), it's not "literally centered" - resize the window to  
see. It has an amusing repaint glitch too.

> Is this a bug?

Yes. Opera 9 displays your page just like Firefox.

> #wrapper {
> position:relative;
> width:700px;
> height:18em;
> margin:10px auto;
> border:1px solid #000;
> background-color:#EEE;
> color:#000;}
>
> #sidebar {
> width:100px;
> height:18em;
> background-color:#CCC;
> color:#FFF;
> position:fixed;
> margin:0 auto; /* this, for some reason, makes Firefox
> position it where I want to.  If I take it out, then the sidebar does
> the same thing Opera does.  If a leave it in, Opera centers the sidebar
> in the browser window, overlapping the #wrapper div*/}

My Firefox (1.5.0.3) did not need that margin. Removing that margin  
changed nothing in the display of my Firefox, Opera or IE.

Regards,
-- 
Andrew Gregory, mailto:[EMAIL PROTECTED] >
http://www.scss.com.au/family/andrew/ >
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Opera 8 and position:fixed

[Design Groups]

I was wondering...I've been Googling for the answer to this, and I can't 
seem to find it.  Basically, here's the problem:

I have a #wrapper container that's 700px wide and centered with margin:0 
auto.  I want a sidebar that is "position:fixed" and flush left and top 
to the container - not the browser window.  Amazingly, I've actually 
gotten this under control in IE, and, of course, works fine in Mozilla 
(had to add "margin: 0 auto" to the #sidebar  to get it in there, but it 
worked for some reason!).  However, in Opera , it *literally* centers 
the #sidebar in the browser window. 

My #wrapper container centers itself just fine (I also have it 
relatively positioned for IE purposes to emulate the fixed positioning), 
but I cannot seem to get Opera to set the #sidebar to the left of the 
#wrapper and not the browser window.

Is this a bug?  Or am I missing something completely?  Would anyone know 
how I could get that #sidebar to flush left of the #wrapper and not the 
browser window itself?  I'd really appreciate any advice :)

Oh, and if it helps...

#wrapper { 
position:relative;
width:700px;
height:18em;
margin:10px auto;
border:1px solid #000;  
background-color:#EEE;
color:#000;}

#sidebar {   
width:100px;
height:18em;
background-color:#CCC;
color:#FFF;
position:fixed;
margin:0 auto; /* this, for some reason, makes Firefox 
position it where I want to.  If I take it out, then the sidebar does 
the same thing Opera does.  If a leave it in, Opera centers the sidebar 
in the browser window, overlapping the #wrapper div*/}

Thanks!

~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/