close

  在這次開發的Framework內,引用了SiteMesh和Struts-Menu,而SiteMesh的範例是引用Maven的Struts2的quickstart,該quickstart的頁面佈局是用一套叫A CSS Framework寫成的,有自己的CSS檔;而Struts-Menu的自訂標籤也自己的CSS檔,造成畫面不如預期。

  頁面布局不外乎有Header、Navigation、Content和Footer等區域,所以這兩個Framework的CSS設定也無巧不巧都採取相同的命名,特別是<body>和<div id="context">,而CSS通常採用base路徑取得自己需要的圖檔,往往就需要在JSP設定<base>標籤或是Struts1的<html:base/>才能work。也因此終找到讓A CSS Framework和Struts-Menu共同work的解法,也就是在Struts-Menu提供的global.css檔裡,註解掉以下的內容,因為A CSS Framework也有相同的設定:

/* body {
  background: #fff;
  font: 12px/1.5em Georgia,Serif;
}*/

ul.glassList {
    list-style: url(../images/aquadot.jpg) disc outside;
    margin-right: 50px;
}
/*
div#content {
    margin:0;
    padding: 1em;
    clear:both;
    width: 400px;
}

div#header {
    margin-bottom: 0px;
}*/

body、div#content和div#header均需註解。

arrow
arrow
    全站熱搜

    Jemmy 發表在 痞客邦 留言(1) 人氣()