mistermango
MemberForum Replies Created
-
I was able to achieve the look I was going for by placing minimum height on my main content area. It was not the solution I wanted to find, but will work.
Check out this page: http://internationalfocusnc.org/resources/. I’d like the blue to repeat-y. Instead I’m getting the background color filling in beneath the footer.
This is an extreme example, as I don’t have content in yet, but I envision pages where there won’t be enough content to force the footer all the way to the bottom. I could set a min-height to the content div, but that would create awkward white space between the content and the footer.
Thanks for looking.
Well, I figured issue #2 out. It was the defined width. I achieved success by adjusting the code to this:
#copyright {
background: #495677;
background-repeat: repeat;
width: 100%;
float: none;
position: absolute;
text-align: center;
float: none;
padding: 140px 0px 10px 0px;
margin: 0;
}I still have the issue of the footer not extending to the bottom of the browser window, though. Is this something I can achieve with CSS or do I need to adjust some code in footer.php?
Thanks.
The problem may lie in the fact that there is no “wrap” for the submenus, like for the top menus. Probably because they are meant to drop down and styled vertically, not to be static features. The submenu is coded in a way that css changes always affect the li items.
Perhaps this falls under the need to tweak the javascript to make the submenu present at all times in its current state?
Is it possible that a change to header.php or in another .php file could call a “submenu wrap,” or would that, too, be in the java script?
I’ve been over it several times with firebug. I think it must be somewhere in the #nav style, I just can’t find where.
The 100px setting shrunk caused the first li item to display on two lines, but left the other two (narrower) items on one.
Hmm. Well, that’s telling. It’s defining the width for each li element (overriding, I assume, the graphene options menu width setting). That’s why the 100% causes the stacked look — it’s telling each li item to be full width.
I wonder if the key is in the #nav style.
I’m looking in both FF and Safari. As soon as I added width:100% I lost the inline style and they stacked again.
I thought it was the graphene options setting, but adjusting that kept them stacked. Nothing else changed except the width–as soon as I remove that code, they go in line again.
Thanks, Kenneth.
OK. I was able to accomplish the width of the background by adding width: 100% as such:
#header-menu ul li {
background: #495677;
padding: 6px 0px 6px 0px;
width: 100%;
}But I can’t seem to figure out why the inline li items are displaying one line at a time, instead of, well, in line.
Perfect. Thanks.
I see #copyright h3 in the css. I also see, now, ‘Copyright’ within the footer.php. Any idea why it was done this way, as opposed to being within the copyright options in the admin?
Thanks again for your assistance.
Viewing 10 posts - 1 through 10 (of 10 total)
