MetaChat REGISTER   ||   LOGIN   ||   IMAGES ARE OFF   ||   RECENT COMMENTS




artphoto by splunge
artphoto by TheophileEscargot
artphoto by Kronos_to_Earth
artphoto by ethylene

Home

About

Search

Archives

Mecha Wiki

Metachat Eye

Emcee

IRC Channels

IRC FAQ


 RSS


Comment Feed:

RSS

23 June 2007

AskMeCha CSS gurus? hi kids. I got a strange thing happening on my page and I can't figure out why![More:] Check adland out and scroll down... down down.. See? the footer is all white and goes on for miles! wtf? I don't see how it can do that - my css regarding footer:

#header, #footer
{
width: 50em;
}
/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
position: relative;
z-index: 1000;
}

/* width = content + right sidebar + left sidebar */
body.sb-none div#main-content, body.sb-none div#main-content .verticalalign,
#header, #footer, #wrapper, #page_wrapper
{
width: 85em;
}

/* footer styles*/
div#footer
{
width:100%;
background-color:#b6cf84;
border-top:1px solid #d8efa6;
border-bottom:5px solid #94ae62;
padding-top:5px;
padding-bottom:5px;
color:#FFF;
text-align:center;
}
div#footer a
{
text-decoration: none;
color:#060;
}
div#footer a:hover
{
color:#090;
}


at this point I'll try any suggestions, been scratching my head on it for weeks.
dabs, did you try giving it a height parameter?

I tried making a local copy to play with it - but so many css files to gather up! eep! ... waiting for danostuporstar to wake up. :)
posted by taz 23 June | 06:41
I don't think it's anything to do with your footer. #sidebar-right, #sidebar-left and #main-content are all vastly taller than they should be.

I dug around your CSS and found the culprit in onetrue.css:
#sidebar-left, #main-content, #sidebar-right
{
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}


Removing this seems to fix things (as far as I can tell). There was a comment about this being a hack for Mac IE5.
posted by matthewr 23 June | 06:46
Oh wow, no wonder all my edits with the footer did nothing - i would never have found that one. LOVE YOU kisses *mwah mwah mwah slobs lipstick all over matthewr* Thank you so much!!
posted by dabitch 23 June | 06:50
*puts matthewr's name in Little Black Book of People to Importune for CSS Help*

yes, the name of the little black book is longer than the little black book itself, and has to wrap around the front and back cover
posted by taz 23 June | 07:00
*runs into thread*

*reads*

*sighs*

*takes off superhero cape and tights*

*realizes nakedness*

*runs out of thread*
posted by sciurus 23 June | 09:12
*puts sciurus' name in Little Black Book of Totally Hot Naked People to Importune for CSS Help*
posted by taz 23 June | 09:16
Weekend plans || [NYC Filter] How I spent my yesterday

HOME  ||   REGISTER  ||   LOGIN