Dave M G wrote:
> Audra,
>
> Thank you for replying.
>> It should be...
>> #whole { min-height: 100%; }
>> You described it correctly at first so did you mis-type perhaps?
> Yes, that was a typo. Thank you for catching it.
>
> Just to be double sure, I rechecked my CSS code and uploaded it again.
>
> The <html> and <body> tags are set to height: 100%, and the #whole
> containter is set to min-height: 100%.
>
> But the problem as originally reported is still there.
>
> What am I missing?
lol... yeah, that'll teach me to reply w/o looking at the site first.
As other options to what Zoe provided you could do one of the following:
1. Place a border on the body or the #whole
example - body { border: solid 20px red; }
drawbacks: you can't have the specific beveled look you have now cross
browser and there will always be a vertical scrollbar equal to border
width X 2.
2. Add another wrapper div inside #whole (maybe "inner" - I saw you
closed it but didn't see an opening), place background images for left
and right borders on these div's, then place two actual images in your
HTML for the top and bottom borders and stretch them to width: 100%.
#whole {
height: 100%;
background: url(borderleft.png) repeat-y;
}
#inside {
min-height: 100%;
position: relative;
background: url(borderright.png) top right repeat-y;
}
img#top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 25px;
}
img#bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 25px;
}
You'll need to create a small image for the top and bottom border like
you did for left and right. You'll also probably need to adjust the
image positioning with negative numbers to taste.
drawbacks: mixing style and content: an extra div and two images in
your HTML whose only purpose is visual. Also since the top and bottom
images overlap the borders on the backgrounds it sort of destroys the
illusion but that could just be me :-)
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
