Uzytkownik "Spartanicus" <me@privacy.net> napisal w wiadomosci
news:06********************************@news.spart anicus.utvinternet.ie...
I've started work on a css layout tutorial. I expect that it will take a
minimum of several weeks to get to a complete draft stage.
I hope to get better feedback by publishing individual pages. I've
uploaded 2 draft pages, an index and a list of definitions:
http://www.spartanicus.utvinternet.i...dex.htm.remove
http://www.spartanicus.utvinternet.i...ons.htm.remove
1. Why use CSS for layout?
2. Layouts that Work on the Web
3. CSS tables
4. Inline blocks
5. The flow
6. Absolute positioning
7. MS Internet Explorer
8.Floats
Looking at the above list I suspect that you're going to write that
css-based layout would be good when display: table-* property is used, and
you will advice to keep the floated-boxes layout for IE only using some
hacks. Am I right?
I ask, because I've suggested on one webdesign-related forum that it can be
the best way to build layout and I'm the only person who thinks this way.
People arguing that <div style="display: table-cell;"></div> requires extra
markup (elements with display: table-row; and display:table; to contain that
table-cell) but I think the idea of css-tables is that browsers' rendering
engines should generate anonymus boxes that are required to render that
table-cell. (it is written in CSS2.1 spec: 17.2.1 - Anonymus table objects)
And ofcourse the other argument is that IE doesn't support it, so people ask
"why should I write my css twice, when I can write one using floats and make
it work in all modern browsers?"
I hope that your tutorial will give me support in such discussions :) I
haven't found any document on the internet that says "display: table is
better than floats to make page layout", nor "it is good to use display:
table for browsers and floats for IE only" so the only argument I have now
is "beacuse I think so, I've tried few times, and it works good for me".
I made an example -
http://www.csslayouts.net/dev/display-table/ and asked
people to rework it using floats, to look and behave in IE the same way it
does in Opera / Firefox. I think it's almost impossible :)
--
pawel[dot]knapik[at]gmail[dot]com
www.csslayouts.net //version beta