Re: [css-d] Why this page moves?

2009-03-18 Thread ray 
Sorry for my late reply. I was busy for some days. Thanks for your replies.

I found this issue on FF3 on Ubuntu 8.10. Since you all cannot reproduce
this problem, I tested again and found it only occurs on one particular
profile of FF. I tested on other relatively clean profiles, this issue
doesn't occur. Maybe it's the problem of that profile of FF, I installed
many add-ons on that profile.

Thank for your help.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-03-10 Thread Alan Gresley 
ray wrote:
> Hi, All
> 
> Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that the
> whole page moves to right and then to left quickly. I checked the whole code
> but found none of problem. Could somebody help me out?  Thanks in advance.
> 
> Thanks


Hello Ray

It would help if you could be more precise. Very importantly, what 
browser do you observe the bug in? Also what elements actually move?

OK, I have notice a bug in IE8b2. O a maximized viewport, clicking the 
menu item "Case studies" once or several times causes either.

1. The top banner above the menu to disappear.
2. The Image above the text of each Cast Study (1 to 4) to disappear.
3. Both the above to disappear.
4. For the banner image and study image to alternatively disappear.
5. For everything to reappear that had disappeared.


There is to movement seen to the right and then left.

BTW, your XHTML is invalid.


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-03-10 Thread David Laakso 
ray wrote:
> Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that the
> whole page moves to right and then to left quickly. I checked the whole code
> but found none of problem. Could somebody help me out?  Thanks in advance.
>
>   

Unable to reproduce in compliant browsers and IE 6/7. What OS/browsers 
does this happen in?
Aside: if of any concern, right column float drop in IE/6.


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-03-10 Thread Ian Young 
> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Why this page moves?
> 
> For prevention take a look at:
> http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-
> forcing-a-scroll-bar/

Oh yuck.

There must be a more elegant solution than forcing scroll bars.


Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-03-10 Thread Ian Young 
> Subject: [css-d] Why this page moves?
> 
> Hi, All
> 
> Please look at this page
> http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that
> the
> whole page moves to right and then to left quickly. I checked the whole
> code
> but found none of problem. Could somebody help me out?  Thanks in
> advance.
> 

In my browser it just flickers top to bottom as it loads.
You might wish to address your html errors tho'.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fclaimexdemo.hcoms.c
o.uk%2Fcase_studies.php

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-03-10 Thread Christian Kirchhoff 
I couldn't reproduce the behaviour you mentioned in FF3 or IE7, but you 
might experience a page jump due to the vertical scroll bar appearing 
for a short time when rendering the page and then disappearing. The 
design is centered, and the centered position is calculated in regards 
to the width of the window (once minus the width of the scrollbar, and 
then without that subtraction).

For prevention take a look at:
http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
http://css-tricks.com/forums/viewtopic.php?f=8&t=1831

Best regards,

Christian Kirchhoff
*Editura Gesellschaft für Verlagsdienstleistungen mbH*
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de
AG Berlin-Charlottenburg · HR B 81823 · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski


ray schrieb:
> Hi, All
>
> Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that the
> whole page moves to right and then to left quickly. I checked the whole code
> but found none of problem. Could somebody help me out?  Thanks in advance.
>
> Thanks
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>   
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-02-20 Thread ray 
great, it works. I had encountered several times for this reason. I hope
I'll not ask this kind of question in the future. :)
Thanks a lot.

On Fri, Feb 20, 2009 at 7:46 PM, Gunlaug Sørtun  wrote:

> ray wrote:
>
>  View this page http://guru.hcoms.co.uk/ on IE6. There is no margin at
>>  the bottom of the top menu at the minute, but if you move the mouse to
>> one of the menu items in the left side menu, a margin at the bottom of the
>> top menu appears, and if you moves the mouse back on one of the menu items
>> in the top menu, the margin will disappear again.
>>
>
> Add a 'hasLayout'[1] trigger to #topBar, like so...
>
> * html #topBar {height: 1%;}
>
> ...to stabilize it in IE6.
>
> regards
>Georg
>
> [1]http://www.satzansatz.de/cssd/onhavinglayout.html
> --
> http://www.gunlaug.no
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

2009-02-20 Thread Gunlaug Sørtun 
ray wrote:

> View this page http://guru.hcoms.co.uk/ on IE6. There is no margin at
>  the bottom of the top menu at the minute, but if you move the mouse 
> to one of the menu items in the left side menu, a margin at the 
> bottom of the top menu appears, and if you moves the mouse back on 
> one of the menu items in the top menu, the margin will disappear 
> again.

Add a 'hasLayout'[1] trigger to #topBar, like so...

* html #topBar {height: 1%;}

...to stabilize it in IE6.

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/