Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I'm working on a fluid layout scheme for my website but as you can see the main container is grabbing the browser height. The middle column is not pushing the container down so the shadows on the sides are not expanding 100% height and the middle content is not filled with its background
Can anybody see what it is I am doing wrong in the css?
http://www.kickstartstudios.com
Normal CSS
http://www.kickstartstudios.com/css/default.css
3Col CSS
http://www.kickstartstudios.com/css/wider.css
Thank you very much for looking at this problem! -
How about you modify the body's background image so it includes the shadow and the default middle column background color (then just center the image horizontally)
-
to do that I would have the make the layout static, I would like to keep the fuild layout if possible
-
Ah yes... I'll have to be more careful when I respond to posts at the end of the week ;P
If your center column is always going to be the longest column, then I would apply the left shadow to it, and then have the right column wrap the middle column. With the right shadow as the background of the right column, you could probably position the shadow along the right edge of the middle column somehow and it should be the entire height.
There might be a better solution, but I can't think of one right now. -
without sounding like a newb, how would I go about wrapping the right column?
what changes would I have to make in the html or css? -
I think I have no choice but to go with a fixed layout.. I applied the border to the center column but the center column will not stretch vertically 100% past the browser window height
its works the way its supposed to in IE.. which is disturbing :)
[edit] temporarily fixed it by assigning a min-height to the center column, now I must make the right column span vertically 100% -
Thank you very much for your help JohnRiv, after reading a little more carefully and googling a lot, I was able to figure it out!
this forum is great
1 to 7 of 7