ETA: Okay, thought about this and realized you likely don't mean the calendar issue. You mean that there is no margin below the sidebar when the page has no footer and the sidebar is the longer of the two columns, yes?
Okay, the reason for this is that the style applies display:none; to the .clear divs that are part of the layout. This is the very old-fashioned way of clearing floats used on most LJ and DW layouts. display:none stops them from having any function in the layout. There are two of them, one below the content and sidebar columns and one below the #footer.
You can either get rid of that display: none; and you'll have some extra spacing on all pages, or if that messes up the design for you, try adding a margin-bottom to the #sidebar which worked on my browser.
Do you mean the way the calendar overruns the sidebar?
The problem there is that the calendar module is a table and tables are not very fluid. There will be a minimum size it will occupy, depending on how it is styled--in this case it looks like the td padding and font size are driving the size of the table.
Therefore, the only way to prevent the problem you're seeing is to limit the user preference of sidebar width. You can put a min-width in the css on the sidebar which will override the user preference or dig into the S2 and make it impossible for the setting to go below the calendar width.
For a really good implementation of this, I would suggest making the min-width conditional on the calendar being in the sidebar. If it's in the other module section, it's not an issue.
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
onlyembers
no subject
Date: 2012-11-17 03:47 pm (UTC)Okay, the reason for this is that the style applies display:none; to the .clear divs that are part of the layout. This is the very old-fashioned way of clearing floats used on most LJ and DW layouts. display:none stops them from having any function in the layout. There are two of them, one below the content and sidebar columns and one below the #footer.
You can either get rid of that display: none; and you'll have some extra spacing on all pages, or if that messes up the design for you, try adding a margin-bottom to the #sidebar which worked on my browser.
Do you mean the way the calendar overruns the sidebar?
The problem there is that the calendar module is a table and tables are not very fluid. There will be a minimum size it will occupy, depending on how it is styled--in this case it looks like the td padding and font size are driving the size of the table.
Therefore, the only way to prevent the problem you're seeing is to limit the user preference of sidebar width. You can put a min-width in the css on the sidebar which will override the user preference or dig into the S2 and make it impossible for the setting to go below the calendar width.
For a really good implementation of this, I would suggest making the min-width conditional on the calendar being in the sidebar. If it's in the other module section, it's not an issue.