W3C home > Mailing lists > Public > www-style@w3.org > April 2011

Re: [css3] [css21] browser specific CSS

From: Alan Gresley <alan@css-class.com>
Date: Wed, 20 Apr 2011 16:50:51 +1000
Message-ID: <4DAE824B.6090301@css-class.com>
To: Glenn Linderman <v+html@g.nevcal.com>
CC: Anton Prowse <prowse@moonhenge.net>, www-style@w3.org
On 20/04/2011 7:59 AM, Glenn Linderman wrote:

> I see several problems here:
> 1) no CSS technique for scrolling table body rows.
> 2) without a float, directive, the scrollbar is far away from the data
> being scrolled.
> 3) with a float, different browsers render the table differently, even
> though there is no width constraint.
> Demonstration page: http://nevcal.com/test/testtab3.html

To get the columns from shrink wrapping.

margin-right: 20px;

All browsers are showing correctly that I can test (FF version 3.6.16 
has been gobbled by FF4) apart from Safari which does not clip the 
margin-right in a overflowing container. To fix that change this CSS,

overflow: auto;
height: 100px;
width: auto;
float: left;

to this.

overflow-y: auto;
overflow-x: hidden;
height: 100px;
width: auto;
float: left;

Does this help?

I should add that floats (or tables) with auto width and cases involving 
overflow use to be very buggy in 2008.

Alan Gresley
Received on Wednesday, 20 April 2011 06:51:21 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:45 UTC