Re: CSS, css, etc. [css layout should be symmetrical]

On Thursday 21 February 2002 19:38, Ian Hickson wrote:
|   Vadim Plessky wrote:
|   > So, what's your proposal?
|   > Skip CSS and go back to HTML 4.0?
|
|   No, my proposal is to use CSS1 now, CSS2 when it is implemented, and so
| forth.

Problem is that CSS1 doesn't suite current industry needs.
And CSS2 has some parts which are too difficult to implement.
besides, I have a feeling that it's too bloated...
Otherwise, I fully agree with you.
|
|   >|> But I did some research in that direction - and it shows that neither
|   >|> Mozilla nor MS IE can render CSS2 'table-*' properties. Konqueror
|   >|> handles it much better but still fails on some tetss.
|   >|
|   >| That is incorrect.
|   >
|   > well, take my example below and enjoy.
|   > I had a lot of fun developing this example, and testing it in different
|   > browsers.
|
|   Problem number 1: Your markup is invalid.

well, it was validated by W3C Validator.

|
|   Problem number 2: Having corrected your markup, I found that your CSS
| rules had display:block set after display:table-*, causing your
| table-related markup to be
|
|   ignored:
|   > .realtd 	{
|   > /* "realtd" has { display: table-cell } definition, while
|   >     "pseudotd" - display : block;
|   >  */
|   > 	display : table-cell;
|
|                      ^^^^^^^^^^

Yep...

|   >  	font-family: "Arial", "Helvetica", "Geneva", sans-serif;
|   > 	font-size: 16pt;
|   >  	font-weight : bold;
|   >  	display : block;
|
|                      ^^^^^

Indeed. I wrote that :-))

|   >  	margin: 5px;
|   > 	border: 4px solid lime;
|   >  	padding: 5px;
|   >  	text-align: center;
|   >  	vertical-align: middle;
|   >  	}
|
|   Having fixed this error, the page renderered as expected in Mozilla.
|

Thanks for fixing!
It seems I need to spend less time on copy and paste.

|   I am surprised that you say it worked as you expected in Konqueror, if it
| did then that is an error. When I tried it, Konqueror locked up.
|

Konqueror was displaying   .realtd  class
as display: block
I was not getting a correctly looking table - before your fix.

Never the less - last definition for the 'display' property should be used.
Konq was doing exactly this. Mozilla - ignoring *a complete* definition for 
.realtd. I believe that's a bug.

Which version of Konqueror do you have?
AFAIK it can't be locked with CSS.
(JS and DOM are different issues from that, there is no JS/DOM code in my 
example)
I have Konq 2.2.2 from KDE 2.2.2, and Konq 2.9.2 from KDE3beta2.
Both are working ok. 	

|   > Does XHTML explains how you should render this:
|
|   XHTML doesn't explain how anything should be rendered. That's the realm
| of CSS.

but what width of table should be in that <table>?
Is it up to browser?

|
|   > BTW: I like MS IE solution when it renders XML with unknown DTD as a
|   > DOM tree, that's it. But MS IE will render XHTML treating it as HTML.
|   > You will not get "XHTML parsing error" on not well-formed XHTML. But
|   > you will get error on bad XML.
|   >
|   > So I do no think your last statement was correct for 100%.
|   > There are some differences in XHTML and *pure XML*,at least with
|   > rendering in modern browsers.
|
|   If what you say is true, then it is a (rather serious) bug in IE. It does
| not affect the validity of my statement, however.

well, official statement from MS (at least what was posted on this list some 
time ago) that Microsoft IE doesn't support XHTML. :-)
So we can't say that it's a bug - as XHTML is not supporteed :-)) 
-- 

Vadim Plessky
http://kde2.newmail.ru  (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/

Received on Thursday, 21 February 2002 12:40:04 UTC