2 replies [Last post]
dave ghent
Offline
newbie
Last seen: 13 years 19 weeks ago
Joined: 2007-07-13
Posts: 4
Points: 0

I am trying to finalize a website for a client, and I can't figure out how to fix this problem - some pages only half load, and only in IE. It will load to the end of the main body content div, but the rest ( a side menu with links and background images ) will get cut off. The page is fine after refreshing the browser, but of course when a user goes to the page and it is half cut off they won't refresh. The footer include always load without a problem, so I thought it was a problem with floats in the right side menu include. I converted the menu to tables in a desperate attempt to fix the problem, but it still exists. Can someone please help? Or even let me know what area to pursue?

Here is one page that it occurs on, which happens to be the home page: http://www.archdisabilitylaw.ca/development/index.asp

Here is the CSS for the body content and right menu include:

#MainBody { clear: both; width: 100% } #BodyContent { margin: 0px 230px 15px 15px; padding-top: 30px; } #BodyContent2Menus { margin: 0px 230px 15px 230px; padding-top: 30px; }/* This is the one use on the index page*/

CSS for the right menu:
#SideMenu { float: right; width: 200px; margin-top: 40px; list-style:none; }
#SideMenu Table { padding: 0px; border: none; }
td.TopRow { background: url('../images/MenuTop.gif') no-repeat; width: 200px; height: 15px; }
td.MiddleRow { background: url('../images/MenuMid.gif') repeat-y; width: 200px; }
td.BottomRow { background: url('../images/MenuBottom.gif') no-repeat; width: 200px; height: 15px; }
#SectionTitle { font-size: 13pt; font-weight: bold; padding: 7px; display: block; width: 190px; height: 35px; background: url('../images/sectiontitle200px.gif') no-repeat left top; margin-left: 10px; }
#SubTitle { font-size: 107%; font-weight: bold; padding: 7px 7px 0px 7px; display: block; width: 190px; height: 35px; margin-left: 10px; }

This is the link for the entire CSS: http://www.archdisabilitylaw.ca/development/styles/style_main.css

This is the html for the right side menu include:





Latest Postings


Submissions and Publications



  • ARCH writes paper on assistive devices in Canada

  • ARCH produces new fact sheets on assistive devices

  • ARCH makes submission on AODA Customer Service Standard Submission

  • ARCH writes paper on What would a Federal Disability Act look like?






Thanks,
Dave



mod edit/<code> tags added/tph

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 30 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Try to set hasLayout

Try to set hasLayout with
#RightMenu ul{height:1%;}

dave ghent
Offline
newbie
Last seen: 13 years 19 weeks ago
Joined: 2007-07-13
Posts: 4
Points: 0

Great thanks for suggesting

Great thanks for suggesting that. I had no idea what the hasLayout property was before but after some research it made sense. It turned out to be the #BodyContent div, which didn't have anything but margins applied to it which is why IE was returning the hasLayout as false. So I set the #BodyContent div with a height of 1% and it worked!

Thanks again for your help DanA. I have been struggling with this for a while.

Dave