How to make a table that fills the complete page

I will like to create a fluid layout as the following that fills a whole page (width:100%;height:100%). +----+----+----+----+ | | | | | +----+----+----| | | | | | | +----+----+----| | | | | | | +----+----+----+----+ Inside of each cell I would like to have a div width rounded bordes and would like to have cellspacing between the cells. Each of the cells needs to be fixed size with (overflow:hidden). Any ideas on the best way to do this? (Update) I've tried doing a table but can't control rows and/or cell's height growing out of proportion even when the td and div inside it have a fixed percentage height and overflow hidden. I've also tried with 9 divs floated left and 1 div floated right. If no margin or padding is set it works great. As soon as padding and margin are set (in percentage) and compensating the widths and height (also in percentage). Nothings seems to align. Which of these two should I continue to develop further?

以上就是How to make a table that fills the complete page的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准