Forums

Hello, the problem i have is hard for me to explain, because i’m not too good in english, so i’ll try to show it:
This is basic layout i want to have
[img]http://images50.fotosik.pl/208/495c36010b98acad.jpg[/img]

and those are background images that need to be in specific positions
[img]http://images46.fotosik.pl/207/1c181fe268ddf992.jpg[/img]

The first image shows what i want to achieve:
– Big image in background, about 1600-2000 anchored to top left, no repeat.
– Header, with no specific content, nor background
– image on bottom of page (always on bottom) repeated-x, image must be under image from menu
– Menu filled with background repeated-y, it MUST always have to be stretched to the bottom of page
– content and footer on right

And now i have problems:
i can’t get to work two images: fill of menu, and this image on bottom of page, problem is, that when (for example) bottom image is always on bottom, then menu isn’t scaling with height, and stops right after end of menu content, another problem is, that when i finally stretch menu to bottom, then if content is shorter the bottom image is higher than it should (and should be on bottom).

I won’t show you any css or html, because i had so many attempts,that i don’t even know which is close to good. I can tell you that last one was header, under it div with display: table, and in that div menu and content with display:table-cell, but of course, it only worked in Opera :/

Again – sorry for my english, and thanks in advance for help.

edit: this is project (sorry for 1px border on everything). atm it’s working as it should only in Opera 10 for me. http://czokalapik.pl/projekty/gw/www/