Your example below is impressive, Georg, for sure.
But just look at the CSS hoops you had to jump through
just to get what looks like a simple table.
Why go to so much trouble avoid using <table> ?
Just because you can or is there a more compelling reason?
I'm relatively new to the CSS scene, so these are sincere questions.
Rick
/* almost equal height in IE7/win - standard compliant mode */
html>body .row div {min-height:
expression(parseFloat(this.parentNode.offsetHeight)-33);}
/* almost equal height in IE6/win - mode independency */
* html .row div {height: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
(parseFloat(this.parentNode.offsetHeight)-33)
:(parseFloat(this.parentNode.offsetHeight)-1));}
/* almost equal width in IE/win - mode independency */
.row .three {width: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
154
:158);}
/* border-width compensation - mode independency */
.row .one {margin-left: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
-1
:0);}
/* vertical centering in IE/win */
html body div.vam p {
margin-top: expression(((this.parentElement.offsetHeight/2)
-(parseInt(this.offsetHeight)/2) -2) <0 ? "0" :
(this.parentElement.offsetHeight/2)
-(parseInt(this.offsetHeight)/2) -2 +'px') ;}
/* see: <http://www.gunlaug.no/contents/wd_additions_20.html> for more info on
vertical centering */
}
/* overriding IE-expressions used on screen, so they do not apply when document
is printed */
@media print {
html .row div {height: auto!important;}
html .row div {min-height: 0!important;}
.row .three {width: auto!important;}
.row .one {margin-left: 0!important;}
#three p {margin-top: 6px!important;}
}
> -----Original Message-----
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Gunlaug Sørtun
> Sent: Thursday, February 21, 2008 5:53 PM
> To: 'CSS Discussion'
> Subject: Re: [css-d] Float list items
>
> Rick Faircloth wrote:
> > What difference does it make?
>
> The difference is (already made) at the most basic level: what it is,
> and what it can be made to look as when we add a bit of styling.
>
> - An HTML table will always be a table and nothing but a table, no
> matter how it's styled.
> - Some text in a list will always be some text in a list and can not be
> anything but some text in a list, no matter how it's styled.
>
> For instance, this...
> <http://www.gunlaug.no/tos/moa_11g.html>
> ...is not a table, regardless of its appearance in CSS capable browsers
> and a few others.
>
> regards
> Georg
> --
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
