Overlappping sidebar with footer HELP

[richard12345]

Hi

I have problem with overlapping sidebar and footer. The sidebar is overlapping footer.
The content of the page moving the footer up and down how it suppose do but the sidebar dos not.
I try everything I can think of and nothing is helping to fix this.

If you guys can help that will be grate.

The website is holtz-realty
I copy the html file I am using to separate location so you can see the tables: here

Thank You for looking.
Richard

[richard12345]

Hi

I have problem with overlapping sidebar and footer. The sidebar is overlapping footer.
The content of the page moving the footer up and down how it suppose do but the sidebar dos not.
I try everything I can think of and nothing is helping to fix this.

If you guys can help that will be grate.

The website is holtz-realty
I copy the html file I am using to separate location so you can see the tables: here

Thank You for looking.
Richard

Go to this page to see the problem

Thank You

[drhowarddrfine]

You are using absolute positioning with the sidebar. ap removes the element from the normal flow. This allows the footer to reposition itself to the next element up.

[richard12345]

Thank You for the replay.

I know I am using absolute position the reason is if I remove it it will move the sidebar down. I just did it and you can see what happens.
I did try all the positions and nothing is working. I think there is something wrong with my div tables or I don't know, I am working on this think for two days and can't get it to work.

Thank You

[richard12345]

anybody???? I am just about ready to jump under train :(

HEEEEEELLLLP

[Dormilich]

when I look at your site (Firefox 3.0.6) I don't see the footer and sidebar overlapping.... .

[richard12345]

You are using absolute positioning with the sidebar. ap removes the element from the normal flow. This allows the footer to reposition itself to the next element up.

This fix the problem of overlapping and created new problem that the side bar is now not align with the top of the page.
An idea how to fix it????
Thanks

[drhowarddrfine]

1) That sidebar you are floating left but giving it a margin-left which effectively widens it so much that it can't fit to the top. Remove the margin.
2) Then float:right
3) You have a 'test' div with white text in it, making it invisible, which is blocking the sidebar from rising to the top.

[richard12345]

1) That sidebar you are floating left but giving it a margin-left which effectively widens it so much that it can't fit to the top. Remove the margin.
2) Then float:right
3) You have a 'test' div with white text in it, making it invisible, which is blocking the sidebar from rising to the top.

Well I did What you told me and it still don't work. :(

Thank You

[David Laakso]

Trying to debug an invalid file peppered with a horrible case of divitus, classitus, and inline styling of tables is pretty much an exercise in futility in my book-- particularly,
if you're not getting paid for it.

Starting with a clear head and a clear mind and more important -- a clean sheet -- could get you further faster. Leave the header, horizontal nav, and footer as is. Create a two (800/190) column float left middle panel and plug the content in it-- preferably without tables or any inline styling for non-tabular content...

[richard12345]

Trying to debug an invalid file peppered with a horrible case of divitus, classitus, and inline styling of tables is pretty much an exercise in futility in my book-- particularly,
if you're not getting paid for it.

Starting with a clear head and a clear mind and more important -- a clean sheet -- could get you further faster. Leave the header, horizontal nav, and footer as is. Create a two (800/190) column float left middle panel and plug the content in it-- preferably without tables or any inline styling for non-tabular content...

Thank David :-))

No I am not getting pay for it I am doing this for my friend. i build a website for hem already here but he wont's new one. because its to slow and he needs some more stuff there :-))

For some reason I have hell of time this time to do it.

Can you help me and build thous div tables for me? So its works.

Thanks

[David Laakso]

Oh, my...poor Joe!

Use this [1] for a base layout. Change the widths to 800/190 with 990 overall. Delete the header, and also the #extra column (orange division) from it. You'll need neither. Poor Joe's header goes in the #content division. Plug his horizontal nav bar as is beneath it. Plug his footer as is in the new layout footer, and so on...

[1]http://blog.html.it/layoutgala/LayoutGala33.html

[richard12345]

Oh, my...poor Joe!

Use this [1] for a base layout. Change the widths to 800/190 with 990 overall. Delete the header, and also the #extra column (orange division) from it. You'll need neither. Poor Joe's header goes in the #content division. Plug his horizontal nav bar as is beneath it. Plug his footer as is in the new layout footer, and so on...

[1]http://blog.html.it/layoutgala/LayoutGala33.html

Thank You sooooooo muuuuuuuuuuuch You saved my life :-))))))
That was exactly i need it to fix my problem You are the greatest
After I am don I will post it here so you can see what you help me to do.

Thanks again

[richard12345]

Thank you David for your help I learn a lot. I am about 98% finish whit the site so look at it what you help me to do.

http://holtz-realty.com

Thanks

[David Laakso]

Back up your home page. Run it through Tidy [1]. Tidy will change the doctype and correct all but 26 of the 132 markup errors. Correct the remaining 26 manually. The CSS validation service is not able to find one of your style sheets.

In the next life we'll need to ditch the inline styles...

Take care and good luck.


[1] Tidy On-line

http://infohound.net/tidy/