8 replies [Last post]
max.hedrom
Offline
newbie
Bellingham, WA
Last seen: 16 years 34 weeks ago
Bellingham, WA
Timezone: GMT-8
Joined: 2003-12-13
Posts: 6
Points: 0

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.

max.hedrom
Offline
newbie
Bellingham, WA
Last seen: 16 years 34 weeks ago
Bellingham, WA
Timezone: GMT-8
Joined: 2003-12-13
Posts: 6
Points: 0

Nobody?

So, nobody knows how to fix this problem?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

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 Smile
Hope that helps

max.hedrom
Offline
newbie
Bellingham, WA
Last seen: 16 years 34 weeks ago
Bellingham, WA
Timezone: GMT-8
Joined: 2003-12-13
Posts: 6
Points: 0

Container prob

1. I relize the markup is not perfect.. Smile 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.

max.hedrom
Offline
newbie
Bellingham, WA
Last seen: 16 years 34 weeks ago
Bellingham, WA
Timezone: GMT-8
Joined: 2003-12-13
Posts: 6
Points: 0

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.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 38 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Re: Container prob

max.hedrom wrote:
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

The only way to learn is to do it yourself

max.hedrom
Offline
newbie
Bellingham, WA
Last seen: 16 years 34 weeks ago
Bellingham, WA
Timezone: GMT-8
Joined: 2003-12-13
Posts: 6
Points: 0

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.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 4 years 27 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

Container prob

Looks fine in Moz1.0...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

max.hedrom
Offline
newbie
Bellingham, WA
Last seen: 16 years 34 weeks ago
Bellingham, WA
Timezone: GMT-8
Joined: 2003-12-13
Posts: 6
Points: 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.