WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: CSS sliding

for

Number of posts in this thread: 14 (In chronological order)

From: HAA
Date: Thu, Jun 16 2005 3:31AM
Subject: CSS sliding
No previous message | Next message →

Anyone know how i can stop CSS sliding when viewed in IE5? They don't slide
in NS7, Opera 8 or Firefox 1.0.3.

Helen





From: Patrick Lauke
Date: Thu, Jun 16 2005 3:41AM
Subject: RE: CSS sliding
← Previous message | Next message →

> HAA

> Anyone know how i can stop CSS sliding when viewed in IE5?
> They don't slide in NS7, Opera 8 or Firefox 1.0.3.

Sliding *what*? I don't quite understand what you're referring to...

Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk




From: Christian Heilmann
Date: Thu, Jun 16 2005 3:45AM
Subject: Re: CSS sliding
← Previous message | Next message →

> > Anyone know how i can stop CSS sliding when viewed in IE5?
> > They don't slide in NS7, Opera 8 or Firefox 1.0.3.
>
> Sliding *what*? I don't quite understand what you're referring to...

Possibly the content wrapping and going down the page when there is
not enough space?

A url might help, and there are so much more good people on css-d for
this kind of problem.
http://www.evolt.org/helponline/

--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/




From: HAA
Date: Thu, Jun 16 2005 4:21AM
Subject: Re: CSS sliding
← Previous message | Next message →

Sorry, its at www.newchaletclub.co.uk

The left nav panel is fine, but the right contents panel often slides down
so it starts, aligned correctly, but below the nav panel. It seems to be
random and just as suddenly corrects itself as it slips down the page!

At 10:46 16/06/2005, Christian Heilmann wrote:
> > > Anyone know how i can stop CSS sliding when viewed in IE5?
> > > They don't slide in NS7, Opera 8 or Firefox 1.0.3.
> >
> > Sliding *what*? I don't quite understand what you're referring to...
>
>Possibly the content wrapping and going down the page when there is
>not enough space?
>
>A url might help, and there are so much more good people on css-d for
>this kind of problem.
>http://www.evolt.org/helponline/
>
>--
>Chris Heilmann
>Blog: http://www.wait-till-i.com
>Writing: http://icant.co.uk/
>Binaries: http://www.onlinetools.org/
>
>
>



From: Patrick Lauke
Date: Thu, Jun 16 2005 4:29AM
Subject: RE: CSS sliding
← Previous message | Next message →

> HAA

> Sorry, its at www.newchaletclub.co.uk

> The left nav panel is fine, but the right contents panel
> often slides down so it starts, aligned correctly, but
> below the nav panel. It seems to be random and just as
> suddenly corrects itself as it slips down the page!

Without even looking at it, I'll say it's a float issue.
When there's not enough space for the two floats to sit side
by side, the second float drops down to accommodate. Older versions
of IE are notorious for it, particularly when the width of the
individual floats is too tight.

Looking at your CSS now, no time to test, but I'd try making
the #leftnav just a tad smaller, and explicitly setting
padding of 0 for #leftnav, #contents, #innerdiv.

Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk




From: HAA
Date: Thu, Jun 16 2005 4:36AM
Subject: RE: CSS sliding
← Previous message | Next message →

Even though I have used percentages rather than absolute widths in the
floats? I try to avoid absolute settings where possible when it comes to
text out of personal preferences.

At 11:31 16/06/2005, Patrick Lauke wrote:
>Without even looking at it, I'll say it's a float issue.
>When there's not enough space for the two floats to sit side
>by side, the second float drops down to accommodate. Older versions
>of IE are notorious for it, particularly when the width of the
>individual floats is too tight.
>
>Looking at your CSS now, no time to test, but I'd try making
>the #leftnav just a tad smaller, and explicitly setting
>padding of 0 for #leftnav, #contents, #innerdiv.
>
>Patrick
>________________________________
>Patrick H. Lauke
>Webmaster / University of Salford
>http://www.salford.ac.uk
>
>
>



From: Patrick Lauke
Date: Thu, Jun 16 2005 4:42AM
Subject: RE: CSS sliding
← Previous message | Next message →

> HAA

> Even though I have used percentages rather than absolute
> widths in the floats?

Yes, as you can see it does happen even with percentages.
And as I said, try to be explicit in specifying a zero padding,
as browsers are left to apply their (often inconsistent) defaults.

Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk




From: ben morrison
Date: Thu, Jun 16 2005 4:43AM
Subject: Re: CSS sliding
← Previous message | Next message →

On 6/16/05, HAA < = EMAIL ADDRESS REMOVED = > wrote:
> Even though I have used percentages rather than absolute widths in the
> floats? I try to avoid absolute settings where possible when it comes to
> text out of personal preferences.

percentages are fine.

At a guess its your chalet school webring box that is causing the
problem, as that is not resizable, try removing it to test wether that
fixes the problem. You could remove it from that div and place it in a
new div after the floats.




From: ben morrison
Date: Thu, Jun 16 2005 4:48AM
Subject: Re: CSS sliding
← Previous message | Next message →

PS This list is mainly for accessibility issues.

There are other html/css lists that maybe of help to you.

CSS ( can be very advanced at times) http://css-discuss.incutio.com/

WEB http://www.evolt.org

WEB http://www.webdesign-l.com

There are also dreamweaver forums, since it seems you use dreamweaver:

www.macromedia.com/support/forums/dreamweaver/

ben




From: HAA
Date: Thu, Jun 16 2005 4:57AM
Subject: Re: CSS sliding
← Previous message | Next message →

Its not just that page, it happens on others too, but the suggestion of
putting the webring code in a seperate div is one I hadnt thought of, thanks.

At 11:44 16/06/2005, Ben Morrison wrote:
>On 6/16/05, HAA < = EMAIL ADDRESS REMOVED = > wrote:
> > Even though I have used percentages rather than absolute widths in the
> > floats? I try to avoid absolute settings where possible when it comes to
> > text out of personal preferences.
>
>percentages are fine.
>
>At a guess its your chalet school webring box that is causing the
>problem, as that is not resizable, try removing it to test wether that
>fixes the problem. You could remove it from that div and place it in a
>new div after the floats.



From: HAA
Date: Thu, Jun 16 2005 4:58AM
Subject: Re: CSS sliding
← Previous message | Next message →

Thanksagain.

At 11:49 16/06/2005, ben morrison wrote:
>PS This list is mainly for accessibility issues.
>
>There are other html/css lists that maybe of help to you.
>
>CSS ( can be very advanced at times) http://css-discuss.incutio.com/
>
>WEB http://www.evolt.org
>
>WEB http://www.webdesign-l.com
>
>There are also dreamweaver forums, since it seems you use dreamweaver:
>
>www.macromedia.com/support/forums/dreamweaver/
>
>ben
>
>
>



From: HAA
Date: Thu, Jun 16 2005 5:00AM
Subject: Re: CSS sliding
← Previous message | Next message →

Evolt isnt accepting any new registrations at the moment.

At 11:58 16/06/2005, HAA wrote:
>Thanksagain.
>
>At 11:49 16/06/2005, ben morrison wrote:
>>PS This list is mainly for accessibility issues.
>>
>>There are other html/css lists that maybe of help to you.
>>
>>CSS ( can be very advanced at times) http://css-discuss.incutio.com/
>>
>>WEB http://www.evolt.org
>>
>>WEB http://www.webdesign-l.com
>>
>>There are also dreamweaver forums, since it seems you use dreamweaver:
>>
>>www.macromedia.com/support/forums/dreamweaver/
>>
>>ben
>>
>>
>>



From: Michael Moore
Date: Thu, Jun 16 2005 6:46AM
Subject: Re: CSS sliding
← Previous message | Next message →

The real problem that you are fighting is the the IE5 box model is
broken, so in reality you are dealing with a different width in IE5 than
you are other browsers. There are a variety of ways to mitigate this
problem. I would suggest you check out http://www.alistapart.com as a
starting point or just google box model.

Mike

HAA wrote:
> Even though I have used percentages rather than absolute widths in the
> floats? I try to avoid absolute settings where possible when it comes to
> text out of personal preferences.
>
> At 11:31 16/06/2005, Patrick Lauke wrote:
>
>> Without even looking at it, I'll say it's a float issue.
>> When there's not enough space for the two floats to sit side
>> by side, the second float drops down to accommodate. Older versions
>> of IE are notorious for it, particularly when the width of the
>> individual floats is too tight.
>>
>> Looking at your CSS now, no time to test, but I'd try making
>> the #leftnav just a tad smaller, and explicitly setting
>> padding of 0 for #leftnav, #contents, #innerdiv.
>>
>> Patrick
>> ________________________________
>> Patrick H. Lauke
>> Webmaster / University of Salford
>> http://www.salford.ac.uk <http://www.salford.ac.uk/>;
>>
>>
>>
>
>
> ------------------------------------------------------------------------
>
>
>
>




From: Austin, Darrel
Date: Thu, Jun 16 2005 11:04AM
Subject: RE: CSS sliding
← Previous message | No next message

> Evolt isnt accepting any new registrations at the moment.

So try the other suggestions. Ben was merely making the (valid) point that
your question would probably be better answered in a venue more tailored to
your question.

-Darrel