[EMAIL PROTECTED] wrote:
> please advice me any code that will make the tables in this URL
> (http://freenet.am/~mib/Gtest.html) wrap normally, when resizing
> browser window, or changing monitor's resolution.
> It's ok when tables have the same size, but when they don't, it's a
> problem.
Floating isn't the solution, since floats always will line up the way
your page shows. Sorry that this doesn't solve your immediate problem,
but the fault isn't in CSS - it's in browser's standard-support.
The line-up problem can be solved with standard CSS2[1]/CSS2.1[2] -
using 'display: inline-table', but few browsers can handle that yet.
---
Opera /does/ handle 'display: inline-table' pretty well - at least since
v.7.22 and to near perfection in v.9.0prev1.
So, for completeness - using your page as test-bed:
table {float: none!important;}
...just to override your existing float-property.
Normal styles:
table {text-align: center;}
table table {display: inline-table; vertical-align: top; margin: 3px;}
...and Opera lines up everything just as you want it, regardless of
element-height. The highest element in each line during wrapping, will
enforce line-height, since all elements are treated as inline-elements.
It is a near perfect example of 'any column longest' in self-adjusting
free-flow. This line-up will also work on all other (non-table) elements.
regards
Georg
[1]http://www.w3.org/TR/REC-CSS2/tables.html#q2
[2]http://www.w3.org/TR/CSS21/tables.html#q2
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
