[email protected] wrote: > Hello All, > > I have a rather strange problem that I can't seem to find a fix for. > After I added "hmtl" to the [html,body] rule, the corner logo now > rides on top of the scroll bar of the browser window. If I remove > "html" from that rule, the logo butts up against but does not cover > the scroll bar. However, when I remove the "html", then I end up with > blank space between the content and the footer, so it's needed. > > I'd actually like the corner logo to stay within, and hug the right > side of, the footer instead of the window. Any ideas? > > http://www.superiorshelving.com/mfg/nexel/test/test6.php > > .twoColLiqLtHdr #cornerLogo { > position: fixed; > bottom: 0; > right: 0; > float: right; > z-index: 1; } > > Thanks, > Frank
Hello Frank, Using fixed positioning can cause severe overlapping of contents. <http://css-class.com/x/superior.png> BTW, which logo are you talking about. I think that what you mean is, html,body {height:100%} causes the bottom right logo to remain fixed to the viewport where, body {height:100%} causes the bottom right logo to scroll. This is correct since the former rule causes the <body> element to fill the entire height of the <html> element since you have later style already. You have. #p7swapmenu { position:fixed; } This causes over halve of the height of this menu to be hidden outside the viewport. This one issue alone is causing a lot of other issues to present themselves. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
