使用css重新创建的表 [英] table recreated using css
问题描述
我想重新创建在 http：// fakanana中显示的表格.com / test / layout_1-3-1.html
使用带有doctype的css：
<！DOCTYPE html PUBLIC" - // W3C / / DTD XHTML 1.0 Strict // EN" http：//
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
我已经找到描述如何实现3列100％
高度的资源但是当我引入页眉和页脚时我不能应用3列
解决方案因为高度是= 100 ％ - header.height -
footer.height。
这里的主要问题是页脚应该始终位于浏览器底部
（不是内容底部），左右列始终最大
可能的高度，即使内容，中间列为空或者中心
列填充3个屏幕内容。
任何想法/解决方案/提示/技巧？
2007年-03-05，Aljosa Mohorovic< al ************** @ gmail.comwrote：
i想要重新创建表格显示在 http://fakanana.com/test/layout_1-3-1.html
使用带有doctype的CSS：
<！DOCTYPE html PUBLIC" - // W3C // DTD XHTML 1.0 Strict // EN" http：//
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
我已经找到描述如何实现3列100％
高度的资源但是当我引入页眉和页脚时我不能应用3列
解决方案因为高度是= 100 ％ - header.height -
footer.height。
这里的主要问题是页脚应该始终位于浏览器底部
（不是内容底部），左右列始终最大
可能的高度，即使内容，中间列为空或者中心
列填充3个屏幕内容。
任何想法/解决方案/提示/技巧？
您可以使用绝对定位，例如：
#header
{
位置：绝对;
顶部：0;
身高：4em;
...
}
#footer
{
职位：绝对;
底部：0 ;
身高：4em;
...
}
＃column1
{
持仓：绝对;
顶部：4em;
底部：4em;
...
}
等
如果column1的内容较大则使用绝对定位然后
可用空间它越过页脚和页脚不再在浏览器上
底部。
任何解决方案吗？
2007-03-06，Aljosa Mohorovic< al ************** @ gmail.comwrote：
< blockquote class =post_quotes>
如果column1的内容较大则使用绝对定位
可用空间它不再在浏览器上页脚和页脚
底部。
任何解决方案？
溢出：滚动
i would like to recreate table displayed at http://fakanana.com/test/layout_1-3-1.html
using css with doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
i''ve found resources describing how to implement 3 columns with 100%
height but when i introduce header and footer i can''t apply 3 columns
solutions because height is then = 100% - header.height -
footer.height.
main problem here is that footer should always be at browser bottom
(not content bottom), left and right columns always at maximum
possible height even if content, center column, is empty or if center
column is filled with 3 screens of content.
any ideas/solutions/tips/tricks?
On 2007-03-05, Aljosa Mohorovic <al**************@gmail.comwrote:i would like to recreate table displayed at http://fakanana.com/test/layout_1-3-1.html
using css with doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
i''ve found resources describing how to implement 3 columns with 100%
height but when i introduce header and footer i can''t apply 3 columns
solutions because height is then = 100% - header.height -
footer.height.
main problem here is that footer should always be at browser bottom
(not content bottom), left and right columns always at maximum
possible height even if content, center column, is empty or if center
column is filled with 3 screens of content.
any ideas/solutions/tips/tricks?You could use absolute positioning instead, e.g.:
#header
{
position: absolute;
top: 0;
height: 4em;
...
}
#footer
{
position: absolute;
bottom: 0;
height: 4em;
...
}
#column1
{
position: absolute;
top: 4em;
bottom: 4em;
...
}
etc.
using absolute positioning if content of column1 is larger then
available space it goes over footer and footer si no longer on browser
bottom.
any solutions for this?
On 2007-03-06, Aljosa Mohorovic <al**************@gmail.comwrote:using absolute positioning if content of column1 is larger then
available space it goes over footer and footer si no longer on browser
bottom.
any solutions for this?overflow: scroll
这篇关于使用css重新创建的表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
