Turv Posted June 4, 2008 Share Posted June 4, 2008 Well, I'm having a few problems with one of our Clients, I have implemented the basics of the design i had put together. http://microworldyorkshire.co.uk/robertbland/catalog/home/ http://microworldyorkshire.co.uk/robertbla...?products_id=28 Still a fair bit to do, but you can see the design from the above two links. The Problem is the Client doesn't want anything to move, ie, the header should never move, neither should the left, or right column, or footer. The only content that should move when you scroll down is the central area (Product Listings). I've done my best to advise against this, but the client strongly wishes for the website to work as described. Now I only know of one way of doing this as CSS isn't really an option due to the amount of items that will not move, compared to the items that will move. That is using IFrames / frames, which i really do not want to do as they are awfull but its the only way i know how to accomplish what is requested. My question is, What is the best solution for this? I don't beleive it would be even possible to use IFrames because if you click on a link on the left column navigation it wouldn't load the content in the iframe. Really just looking for advice for this. Regards, Link to comment Share on other sites More sharing options...
Turv Posted June 4, 2008 Author Share Posted June 4, 2008 Wouldn't let me edit my post, Well, I found the solution that i cannot beleive it didn't cross my mind, Simple CSS Overflow, appears to work great in Firefox, IE7, Have yet to test the other browsers but works just as i wanted it to! Link to comment Share on other sites More sharing options...
Turv Posted June 4, 2008 Author Share Posted June 4, 2008 Apologies for the third post, but i lack the permission to edit my previous post's. Anyhow, I have started working on the above, using the CSS Overflow property. http://microworldyorkshire.co.uk/robertbla...alog/index2.php You can view it with the above link, Now there i have <div style="height: 500px; overflow: auto;"> That is exactly how i want it to look, but for portability and for others screen resolutions i wanted to set a Percentage value, so it will always be the correct height no matter what PC your on. If you visit this link, here http://microworldyorkshire.co.uk/robertbla...alog/index2.php There i have set a percentage height value of 80% but it appears to be vertically centered, so the other 20% is spread across both above and below the text area. <div style="height: 80%; overflow: auto;"> This also doesn't work in IE7, I assume that is because it does't have a width value. Anyone have any ideas on how to get this working properly? Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.