Alright, I have a few problems on the new site I am designing and I am not quite sure how to fix them, short of just recording the page with tables (Which I wouldn't do in the first place).
Link to the site:
http://sephroth.no-ip.info/nvision3/
Link to the css:
http://sephroth.no-ip.info/nvision3/default.css
Ok, I am going to focus on firefox first and then I will fix it in IE so for those of you viewing this in IE, yes it is quite broken. I am making a whole seperate css file for the IE fixes.
My problem is if you scroll to the bottom you can see my right_content div over extends the right_content div. This isn't a problem, the problem is that the right_content div should be extending itself all the way to the bottom. I have tried several fixes all of which have come up with nothing: ie. min-height: 100%; height: 100%; etc etc.
The same problem occurs if the right_content extends past the left_content. I need to figure out a way so that the heights of these divs are the maximum height of the parent div (main_body).
You will notice a white border around main_body. I set: outline: thin solid white; to show that the main_body does extend all the way down the page. The gap on the far right is supposed to be there (I am adding a side border image later).
I don't usually post about my css problems here but this one has me stumped.
__________________
Chris - Trying to help others and learn myself!
Please login or register to view this content. Registration is FREE
|
