css布局

最新推荐文章于 2025-06-09 22:31:27 发布

原创最新推荐文章于 2025-06-09 22:31:27 发布 · 869 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #div #include #jsp #float #firefox

web开发专栏收录该内容

18 篇文章

订阅专栏

三行两列，自适应宽度、高度，兼容firefox和ie
index.jsp

layout.css

/*-----------------------------------------------
Author:   ison
Version:  2007.6
----------------------------------------------- */
/*
GLOBAL --------------------- */
body {
    margin: 10px;
    width:expression( documentElement.clientWidth < 900 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 900 ? "900" : "auto") : "900px") : "auto" );
}
/*
LAYOUT --------------------- */
#header, #footer {width:100%;min-width:900px;}
#sidebar {padding:0;width:200px;float:left;margin:0 -200px 0 0;height:auto;}
#footer{clear:both;}
/*
CONTAINER --------------------- */
#container{width:100%; height:auto;}
#content_1st {margin: 0 0 0 200px; padding: 0; float: right;}
#content_2nd{width:100%; margin:0;}
#content_3rd{
    min-width:700px;
    width:expression(documentElement.clientWidth<900?(documentElement.clientWidth==0?(body.clientWidth <900?"900":"auto"):"800px"):"auto" );
}
#content_3rd[id]{overflow:hidden;}