Level three pages use a particular styling mechanism to make all the columns on the page appear equal in height. The method involves using a bottom padding and a negative margin for the columns and an overflow style. After pondering this for two or three days and researching on the web, I realized that most methods suggested would not solve the problem for our level three pages. However, I could solve the problem for our one column pages (level 4) by simply removing the padding and negative margin. See below an example.
/* Note: removing the column adjustment 700px will allow linking to anchors.
#MidBox {top: 0; margin:0; padding: 0; width:897px; float:left; background-color:#fff; border-right: 0px solid #000; padding-bottom: 700px; margin-bottom: -700px; list-style-position: outside; color: #000;} */
The end result of this discovery means that some of our /eresources/ pages like AtoZ and the Subject List to E-Resources, will need to be one column level four pages. This is my next area to work on.
No comments:
Post a Comment