Re: Help -- getting 100% height on borders
- From: crazyhorse <mjbaldwin@xxxxxxxxx>
- Date: Mon, 29 Oct 2007 10:57:23 -0700
On Oct 28, 10:51 pm, Bergamot <berga...@xxxxxxxx> wrote:
crazyhorse wrote:
https://s3.amazonaws.com/mjbaldwinjr/test.html
in Firefox the gray bars go all the way down to the bottom of
the page, the way I want them to (I'm using Firefox 1.5). In IE6 they
don't
If it's not absolute positioning, how else to do it then?
Abandon #left-edge and #right-edge - you don't need them. Look at the
problem differently and the solution will be clear.
Right now I'm filling them with gray, although in production they will
be a repeating graphic.
If those borders should be a repeating graphic instead, make them
background images for the #inside parent containers. You'll need a
nested div for #shell, between it and #inside.
#shell {
background: #fff url(bg.png) repeat-y;
color: #000;
margin: auto;}
#shell2 { /* might want a better name for this */
background-image: url(bg.png);
background-position: right top;
background-repeat: repeat-y;}
#inside {
margin: 0 25px; /* at least as much margin as the img width */
padding: 1em;
background: #eee;
color: #000;
}
<div id="shell">
<div id="shell2">
<div id="inside">
</div>
</div>
</div>
--
Berg
Thanks for the response, but this still doesn't work -- the images
will tile all the way down to the bottom of the page if the page
content is taller than the screen, so it fixes that problem, BUT if
the page content is shorter than the screen, then the image won't tile
down to the bottom.
You might wonder why I don't just use a background image for the whole
page; it's because the width of the column needs to be dynamic in
particular ways.
So I still have the question: how to make a tiling image reach 100% of
the screen height or page height, whichever is greater? And have it
work in IE6 with a strict XHTML doctype?
.
- Follow-Ups:
- Re: Help -- getting 100% height on borders
- From: Bergamot
- Re: Help -- getting 100% height on borders
- References:
- Help -- getting 100% height on borders
- From: crazyhorse
- Re: Help -- getting 100% height on borders
- From: crazyhorse
- Re: Help -- getting 100% height on borders
- From: Jonathan N. Little
- Re: Help -- getting 100% height on borders
- From: dorayme
- Re: Help -- getting 100% height on borders
- From: Jonathan N. Little
- Re: Help -- getting 100% height on borders
- From: dorayme
- Re: Help -- getting 100% height on borders
- From: Jonathan N. Little
- Re: Help -- getting 100% height on borders
- From: dorayme
- Re: Help -- getting 100% height on borders
- From: crazyhorse
- Re: Help -- getting 100% height on borders
- From: dorayme
- Re: Help -- getting 100% height on borders
- From: crazyhorse
- Re: Help -- getting 100% height on borders
- From: Bergamot
- Help -- getting 100% height on borders
- Prev by Date: Re: Table with 100% width of page instead of page in IE7
- Next by Date: Re: Help -- getting 100% height on borders
- Previous by thread: Re: Help -- getting 100% height on borders
- Next by thread: Re: Help -- getting 100% height on borders
- Index(es):
Relevant Pages
|