Hello everyone, I have a question that's been bugging me about a design I'm working on, which can probably best be seen on a page like this:
http://benedikt.knowlton.ohio-state.edu/default.asp?content=59 Simply put, I'm worried about the responsiveness of the site under certain conditions, and wondering what I can do via CSS to improve the situation. There are 4 basic elements on this page: 1) A branding toolbar at the top 2) A menu element on the left 3) A content element in the center 4) A background image Three of these four are placed using "position: fixed", while the fourth (the content) is placed using "position: absolute". I'm generally happy with the scroll response of the site using a reasonably fast computer in any of my 6+ test browsers. However, when the computer is a bit slower, the response times for things like scrolling tend to lag - which worries me. As the design is entirely implemented via CSS, my assumption is that only via the CSS can I improve the responsiveness of the site (is this correct?). Thus far, I've thought about the following potential strategies, but I'm not sure any of them will help: a) Implement the background image via the background-image property - but I'm not sure how to get it to stretch as it does now? b) Turn off the translucency of the content/menu elements, and make them fully opaque - does having to calculate translucency slow a site's scrolling down? c) Abandon/combine some of the "position: fixed" elements so that more of the page scrolls - not sure if this will help at all, frankly d) Switch the menu system to a more semantically-correct text list, rather than the image-based list that it uses currently. This will be quite a struggle with the designers where I work, but if necessary I can try to make the case on performance issues - if it will actually help (will it?) Any thoughts on how to improve the scrolling performance of the site would be most welcome - including whether you notice any slow responses via your connection (please include relevant details of your OS/browser/connection speed if possible?) Thanks in advance, Matt -- Matt Bernhardt, [EMAIL PROTECTED] Webmaster + Fab Lab Coordinator Knowlton School of Architecture The Ohio State University ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
