I started making a css template, and I am having problems getting things to be where I want them.
Website: http://wiki.randomresources.org
Stylesheet: http://wiki.randomresources.org/style.css
I am trying to get the part that holds the main content (id "panel") to have a width that goes all the way to the boundary of the div with an id "body". (the id "body" has a width of 800px, I want the id "panel" to go to the boundary of "body". If I were to set an exact amount in pixels, it could possibly be too wide and be pushed under the navigation div. So, what should I do?
Also, I want the footer to be below everything, right now its hiding under the header, so how should I go about that?
Need help with css template
Moderator: General Moderators
I'm just learning css positioning, myself, so others may be able to help you more, but here are a few comments:
- Your 'body' div is using absolute positioning. Your 'footer' div is not using absolute positioning and it's outside of the 'body' div, so it just goes wherever it would go if there were no 'body' div.
- On the 'panel' div, why not just give it a width (800px minus the width of the 'left' div and margins and padding and borders - looks like maybe 790px)?
- The best thing I've found to diagnose these positioning issues is to install the free Firebug plugin for Firefox browser - when you view a page and open Firebug, you can see the whole structure of your page and what is affecting what. Google it.