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.


.mh5>div
{
width:100%;
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,


.mh5
{
overflow: auto;
height: 100px;
width: auto;
float: left;
}


to this.


.mh5
{
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
http://css-3d.org/
http://css-class.com/
Received on Wednesday, 20 April 2011 06:51:21 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:39 GMT