By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,700 Members | 1,363 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,700 IT Pros & Developers. It's quick & easy.

Problems with positioning and height with CSS

P: 1
I have been pulling my hair out trying to get this layout to work using DIV tags. With all the bugs, and hacks that I have been reading through in a ton of pages, I canít seem to get the recipe right.

The layout that I am looking for is this:

Expand|Select|Wrap|Line Numbers
  1. =========================================================================
  2. | Logo    |  Title Area 1 (fixed H & W)  | Title Area 2 (fixed H & 100%W)|
  3. | fixed   |--------------------------------------------------------------|
  4. | Height  |  Top Navigation (fixed H & 100%W)                            |
  5. | & Width |--------------------------------------------------------------|
  6. |---------| Content Area  (100%H & 100%W)                                |
  7. |  Left   |                                                              |
  8. |  Nav    |                                                              |
  9. |         |                                                              |
  10. |  Fixed  |                                                              |
  11. |  width  |                                                              |
  12. |  & 100% |                                                              |
  13. |  Height |                                                              |
  14. |         |                                                              |
  15. |---------|                                                              |
  16. | Repeat  |                                                              |
  17. | Bkgrnd  |                                                              |
  18. |------------------------------------------------------------------------|
  19. | Footer (Fixed height & always at bottom of page)                       |
  20. =========================================================================
  21.  
Notes:
Logo and header are not same height (this is where issues start)

Title area 2 is also a repeating background that should autosize to the window width.

The left navigation background image repeats but only the last 46 pixels of the image, not the whole image. I have tried separating the image into two DIV sections, the non-repeating and the repeating background.

Footer should be at bottom of pageÖ.always.

Can anyone help??
Mar 25 '08 #1
Share this Question
Share on Google+
1 Reply


harshmaul
Expert 100+
P: 490
Hiya mate,
Post your code, only that whats relevent, and in code tags, and we'll see where your going wrong
Mar 25 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.