BIEE展现界面标准宽度

目的:按照界面宽度是1024的标准,美化BIEE展现,使得屏幕宽度大于1024时,BIEE展现界面宽度不变居中显示。

基础:具备基本的HTML和CSS知识

工具:Google Chrome(Chrome的开发者工具可以很方便地跟踪HTML元素),文本编辑工具(editplus等)。

使用Chrome追踪html页面,可以知道影响页面宽度的原始是<body class=”PortalBody”

修改CSS文件:

OracleBI/oc4j/j2ee/home/applications/analytics/analytics/res/s_oracle10/b_mozilla4/ 目录下的portalcontent.css文件:

找到 PortalBody类型选择器(根据你在instanceconfig.xml里设置的样式,默认是s_oracle10目录下的)

 

clip_image002

此处的PortalBody定位的HTML页面的BODY属性,即页面的宽度。

n 修改margin属性值为0px auto;

—— 外边距为0

n 修改width熟悉值为1004px ;

—— 界面宽度为1004px,因为垂直滚动条在不同浏览器里的宽度不一致,最大值是IE里面20px。 所有加上body宽度,刚好是1024px的标准宽度。

n 增加clear属性,设置值为both;

—— 设置body两侧都不能有悬浮元素。

posted on 2010-06-12 15:31  Samuelee  阅读(1749)  评论(0编辑  收藏  举报

导航