It's been a couple of weeks since I started CSS programming and it seams that there is something that I do not get.
What I am trying to do is the following.
1. A centered webpage
2. On that page a navigation menu on the top of the page fixed
3. A navigation menu on the right of the page fixed
4. A content block that can be scrolled and disappear under the navigation menu on the top of the page.
A preview of the page can be viewed here: http://www.achats-responsables.ch/le...restations_new
I get a couple issue and I have the feeling that my coding is not that good because I had to play a lot with the div, padding and margin to get things to more or less work.
My big issue here, and it is a fundamental one in understanding CSS and its positioning rules I guess, is that I do not understand why my outter most div's border do not extends the whole page. I guess it is due to fixed and absolute positioning and removal from normal flow, but how can I make a page with a div that has a border and all the elements inside.
My goal is to have a centered box with a gradient all around and all the content inside (menus fixed, content pre se mobile).
Up to know, and if you look at the web page given above, the top menu is in a div that has a fixed position, within which the the are two div with the content on normal flow. The menu on the right is in another div that has a fixed position and in another div that is floted right. The content pre se is positioned absolute, which yields the problem on the gradient (for that last issue I was think about a 180px padding might do the trick, but I do not feel that it is proper coding).
I am reading and reading O'reilly's books on CSS and HTML, trying to get information from the web, but I am a bit despreate, so any help would really be appreaciated.
Have a good one!