ansaurus

Question

How to make XHTML "table" with fluid table rows

Answer 1

A:

first, make your document have the DOCTYPE of HTML 4.01 strict and make it validated first, using http://validator.w3.org

then, you can change the DOCTYPE to

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

and then re-validate it. If there is any problem or things that behave differently, you can ask about the specific question here.

動靜能量 2009-06-03 07:42:52

The code posted here doesn't validate due to height being set.

voyager 2009-06-07 19:15:43

Answer 2

+1 A:

There's a cross-browser way to achieve grid using CSS with display:inline-block, however it may not be as flexible as you'd like (and code is pretty ugly if you want to support Firefox 2).

The issue you might have with “XHTML” is that CSS without emulation of IE5 bugs (which you get when you don't use DOCTYPE or use one of old/incomplete ones) restricts when you can use height:100%.

Height in percent doesn't work if parent element has auto height, and by default almost every HTML element has auto height. You have to set explicit height on all parent elements of the table:

html,body,#apDiv1 {
  height:100%;
}

porneL 2009-06-07 18:34:01

ansaurus

tags:

views:

answers:

How to make XHTML "table" with fluid table rows

related questions