It might be easier if my layout wasnt so complex and things but since its the layout I have chosen to work with, I'll do my best to make it work well. I have attached 3 files. Preview.zip is exactly how my site should look. Table web designing days are over and I want to make my site with css and crossbrowser friendly (at least in IE and Firefox as my audience will be most likely using those). Previewcss.zip is my first attempt to being tableless. of course, with everything being absolute, theres no way I can expand my layout. The current layout is with previewcss2.zip. In there my slices simplified to just 3 section, and a navigation column. The top will stay constant and be at the top, the bottom will be pushed down as the middle expands for content. I want my content to start from the top but for the middle to expand, I put the content divs into the middle. Maybe that is wrong but I dont know, I'm new to css. The navigation I need it to move relatively so it overlaps the left divs by a bit (if you take a look at the files, you'll see why). The middle has two columns of content. #Side and #Content. So I tried pushing them up relatively by a few pixels but doesnt work neither. A bigger problem is, my middle background doesnt even show. I got it to repeat-y so when it expands, it would look normal. After taking a look at my files, you will understand what I want to do and what I'm doing wrong.
To recap the structure I'm looking for:
#container
#left - float left
#top
#middle
#side - float left - moved up to overlap #top by a bit
#content - float left- moved up to overlap #top by a bit
#navigation - float left - moved to side to overlap #left by a bit
#bottom - clear both
Please help.
The files:
http://portfoliodigest.net/preview.zip
http://portfoliodige.../previewcss.zip
http://portfoliodige...previewcss2.zip
0
