I have been looking at and modifying the view of a css document I've found. I know it's not the best ethics, but don't worry, I'm not keeping it.. just learning from it.
http://www.propertyessentials.com/nate
If you wouldn't mind helping me out with it.. the problem I have right now (at least in IE6, not sure about anything else) is that the #container doesn't contain all the content. It throws the border-bottom right through a div.
I'm guessing it does this because in the xhtml, the content on the right side is located in the last div, so it automatically uses that location as the bottom border. I could just switch the content around, but then what happens if my data on the right goes farther than the left? I'm assuming it would have a similar problem as I do right now, just opposite.
So, the question is, how do I get the border-bottom to stay at the bottom of the screen no matter if one side is longer than the other? I'm sure it's a simple fix, but I'm kinda stumped at the moment.
Nobody?
So, nobody knows how to fix this problem?
Container prob
Hi max.hedrom,
The problem is caused by #linkList being positioned absolutely.
You could add some margin to the element above it (footer) to move the border down.
#footer{margin-bottom:100px;}
You also have a few errors in your markup to correct
Hope that helps
Container prob
1. I relize the markup is not perfect.. thanks though.
2. Is there another way rather than putting a margin at the bottom of the footer? What if the site was dynamically changing lenght based on the client's input into a database (like a lengthy introduction or a short introduction, or many or few rental units listed)? I am looking for something to make this flow a bit better.
Also, when I commented the line that makes #linkList absolute, I can see what you mean that it is a problem. However, I'm not sure how to get that section to sit on the left side and still have the footer display the contact information at the bottom (and perhaps still retain the fat line below it.
Any ideas? Modifying the markup is ok too. I would appreciate any suggestions on fixing it up to do this.
Thanks.
Container prob
nevermind. i figured it out. I just took the footer and put it below the container in the xhtml. That solved the whole issue. It's not the way I wanted to do it, but it'll work.
thanks for your help though.
Re: Container prob
I have been looking at and modifying the view of a css document I've found. I know it's not the best ethics, but don't worry, I'm not keeping it.. just learning from it.
lol - don't worry, I don't think anyone claims any patents on CSS code, and you soon learn that amending someone elses code is usually more work, unless we are tlking snippets.
Regards
Day
Not fixed in NS7 or Mozilla
Ok, I lied. I thought I had this thing fixed, but then someone told me that in Mozilla and NS7, it's got the same prob. I downloaded those browsers and saw for myself.
So, I fixed the problem by dropping the footer outside of the container, which worked for IE 6. But NS7 and Mozilla still have the problem of putting the footer line directly through my navigation area (the left).
Any help?
.... (later edit) .....
Ok, I've done some trial and error and found that the container div seems to actually work at doing it's job by "containing" the rest of the divs inside it in IE 6.
But... Mozilla and NS show that the container doesn't actually "contain" anything inside it.
I put a border around the container to view this.. it's unfortunate, but I have no idea what's wrong now. I'm lost.
Oh, additionally, I've found that in NS and Mozilla, the links on the left side are not clickable. That's no good.
Container prob
Looks fine in Moz1.0...
Container prob
Moz1.5 isn't ok.
's alright.. i'm starting over. I learned a lot from that, but I also learned about the CSS creator. So, I'm going that route and I'll just add what I need.
It's unfortunate that I couldn't figure that out, but that's ok. I'm learning.
Thanks for all the looks and little bit of help here and there.
peace out.