PDA

View Full Version : Please help with my floating divs!


dutchM
06-13-2007, 05:33 AM
Alright, this is going to be kind of lengthy so bear with me!

I am creating this website, and he is a screenshot of my problem:

http://www.ekornmeyer.com/redliness.JPG

My problem is that the vertical bar on the very left of the page does not extend all the way down. As you can see in the screenshot, I added a 1px red boarder around the container div I have. So the black line IS going all the way down... but it's just that certain content is going past it. I started deleting divs to narrow down which ones specifically are causing it and it is the left nav div where you see home, dressage, hunter ring etc, and the products div where you see the individual products listed.

I am 99% sure this is a floating issue.

So... I started adding the clear: both; attribute to divs. That didn't work though.

Does anyone have any idea of what to do in this situation? Is there anything else I could tell you that would help?

_Aerospace_Eng_
06-13-2007, 05:48 AM
An image is useless in this post as we need to see your html and css. You are on the right track that you need to clear your floats but there me something else causing the issue.

dutchM
06-13-2007, 06:14 AM
Alright, sorry about that.

The URLs are

www.ekornmeyer.com/farmhousetack/index2.html
www.ekornmeyer.com/farmhousetack/subcategory1.html
www.ekornmeyer.com/farmhousetack/products1.html

The style sheet is

www.ekornmeyer.com/farmhousetack/fhstyles.css

_Aerospace_Eng_
06-13-2007, 07:34 AM
100% height is only that, 100% height of the browser not the page. You will have to add a black background color to your containing div and add a left padding if you want the black bar to extend all the way down. Also your layout isn't 1024x768 friendly. Not everyone has your size resolution.

dutchM
06-13-2007, 08:45 AM
You mean add the black background color to "containerbig"? Won't that make the whole background black? :confused:

I'll have to check what it looks like in 1024x768 hehe.

_Aerospace_Eng_
06-13-2007, 09:09 AM
Or use a repeating background image. http://www.alistapart.com/articles/fauxcolumns/

dutchM
06-13-2007, 09:38 AM
Ohhh, haha. Didn't even think about that. Thanks :thumbsup: