I started with a nice Open Source template and started removing the un-needed parts to fit my needs. It's all OK, except that a div in the right hand column sinks to the bottom instead of rising to the top of the column. Can somebody show me what I've done wrong? Original very nice template: http://www.oswd.org/design/preview/id/3626 I've selected Page Layout 4 and Header Layout 3. My version: http://crvz.com/index.shtml There are only 3 other files, all inside the css folder: header3_setup.css, layout4_setup.css and layout4_text.css It works the same in FF3 and IE7. Thank you very much!
Try to adjust the width of content area and right navigation. Incorrect width may be creating the problem.
Since those widths are unchanged from the version that works, I'm not sure if that is the cause of the problem. ...Not that I know what the cause of the problem is
your div class="main" is the width of the container. You'll need to reduce the width for the div clss="main_subcontent" so they both fit the width.
Actually "main" is fine. Sorry. Move the "main_subcontent" into the main div. If you have Firefox Firebug you can see what's happening with the layout.