I am having a problem, (in Firefox at least, did not test IE yet), where the information in the sidebar of the page does not 'push down' the footer. It just runs over it. The stuff in the 'Content' section works fine, but if the stuff in the sidebar is longer
than the content, it just runs over the footer and pushes the bottom menu to the right. I am sure this is a CSS problem, does anyone have an idea how to fix it?
For the style of whatever element you want directly underneath the sidebar, use "clear:both". You usually have to use this whenever an element before has used "float:left" or "float:right".
Also, you might have a problem with absolute positioning.
---------------------------------------
MCP - Web Based Client Development .NET 2.0
You'll have to excuse me, I am really new to all this CSS stuff. I don't really want anything underneath the sidebar, I just want the stuff that is already in the sidebar to push down the footer, not go over it. I have not touched anything in the PSSK. I just
took the existing home page and deleted alot of the 'ipsum' text in the 'content section'. Now the right side of the page is shorter than the left and the left runs over the footer.
OK, your suggestion did work, the footer is now below the sidebar text, regardless of how long the left column is. However, in the 'White" theme, there is a gray bar along the left side. This grey area still stops even with whatever is on the right side
of the page.
Hopefully the above image will work, if not, here is a link to a screen shot:
adkboards
Member
30 Points
22 Posts
Sidebar not 'Pushing Down' footer?
Jan 04, 2007 01:27 PM|LINK
ps2goat
Star
10845 Points
1977 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 04, 2007 02:49 PM|LINK
For the style of whatever element you want directly underneath the sidebar, use "clear:both". You usually have to use this whenever an element before has used "float:left" or "float:right".
Also, you might have a problem with absolute positioning.
MCP - Web Based Client Development .NET 2.0
adkboards
Member
30 Points
22 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 04, 2007 11:02 PM|LINK
ps2goat
Star
10845 Points
1977 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 05, 2007 04:03 PM|LINK
Technically, you want the footer below the side bar. Correct?
There should be a line in your Default.master page, right after the contentplaceholder, that looks like
MCP - Web Based Client Development .NET 2.0
adkboards
Member
30 Points
22 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 08, 2007 03:10 PM|LINK
OK, your suggestion did work, the footer is now below the sidebar text, regardless of how long the left column is. However, in the 'White" theme, there is a gray bar along the left side. This grey area still stops even with whatever is on the right side of the page.
www.liprint.com/sitepic.jpg.
MikelBauer
Member
33 Points
39 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 22, 2007 07:32 PM|LINK
Hallo Forum
I have the same problem and dont find a solution for this.
The <div class="shim column"></div>
with its background-image: url(images/content-shim.gif)
dont work correct.
The shim column goes as far as the content.
If the sidebar is longer then the content, then the shim column stop after the content is finished.
I also added clear:both what solved the first Problem with the footer.
I believe, that everybody has this problem
Regards Mikel
MikelBauer
Member
33 Points
39 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 22, 2007 09:36 PM|LINK
I correct my self,
Its not the <div class="shim column">
The problem is in:
.page {
background-repeat: repeat-y;
what use the image:
#home, #resume, #links, #register, #admin-albums, #admin-photos {
background-image: url(images/body-repeat.gif);
In FireFox this backgrond goes as far as content.
Didn’t find a solution until now!
Maybe somebody can help?
Regards Mikel
MikelBauer
Member
33 Points
39 Posts
Re: Sidebar not 'Pushing Down' footer?
Jan 22, 2007 10:22 PM|LINK
During searching for the problem above, I found the next one (with solution(I hope))
In the ID albums are some parts missing.
#albums {
background-image: url(images/body-repeat-photo.gif);
padding: 0px 37px;
padding-bottom: 40px;
width: 686px;
}
Album (I think) should be like this (equal ID home):
#albums {
background-image: url(images/body-repeat-photo.gif);
position: relative;
width: 686px;
padding: 0px 37px;
padding-top: 1px; /* Weird Mozilla Bug */
padding-bottom: 40px;
}
At least it looks now normal in IE and Firefox.
Regards Mikel
Ps.: I post to my self (nobody here)?