Christopher Jordan schrieb:
> What about what Gilles says on his demo page:
>
> "Layout of the dialogs To be honest one of the first things i started on
> was the dialog itself. I decided to go for CSS a table layout. What?
> Tables!? They are so... 1995! Yeah i know, but in this particular
> scenario tables where the only way to go. Off course you can do some
> tricky css styling, but you'll end up using "display: table-cell;" so
> why not start with tables to begin with.
>
> *The dialogs are themable; This means you have:*
>
> * a top-left border, title part and a top-right border.
> * a left border, center part and a right border.
> * a bottom-left border, status part and a bottom-right border.
>
>
> One of the things i really wanted was that the title and the status text
> where vertically aligned in the containing div. If you try to acchieve
> this with CSS, you'll have to use a lot of tricks to get everything
> right ("display: table-cell", conditional comments etc.). Because the
> table nativly supports vertical centering, and because of the typical
> "tic-tac-toe" layout of the dialog i was going to create, i started with
> one 3x3 table. But i soon found out that this wasn't going to work, if
> you considered scrollbars. Bladibladibla, lots of other things tried..
> It works now, with 3 tables, one for the title bar, one for the content
> part and one for the statusbar. Believe me, i have tried and tried and
> tried even more to get this done in another way."
>
> Would you have made a different choice? I'm interested in knowing. I'm
> not a CSS guru, and I'm still learning. Does Gilles have a valid
> argument, here?
>
> Thanks,
> Chris
Hi Chris,
I agree that some things are harder to achieve with CSS, nevertheless I
would have done it differently, with a pure CSS layout. It is doable.
Unfortunatly I hadn't the time for that, when Gilles asked me for some
help. But please don't blame me :-)
Table layout has another disadvantage apart from bloated HTML. Because
you can't restyle tables in IE using these makes that a more inflexible
solution than you think in the first place. Maybe that's not so
important here, because there's only one cell used. If you used two
cells for example for a two column layout, you are stuck with that in IE
in a print style sheet for instance.
--
Klaus
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
