Ok.
First I battled all weekend with a stomach flu... and before that with PHP to make my database stuff work...
Would someone please look at THIS (<!-- m --><a class="postlink" href="http://jtest.stegenga.net/itemlist.php?class=ornith&artist=Audubon">http://jtest.stegenga.net/itemlist.php? ... st=Audubon</a><!-- m -->) page and then browse this CSS:
body {
margin: 20px;
background: #9A823A;
color: #4C401C;
text-align: center;
padding: 0;
}
#outer {
text-align:left;
border:1px solid #000000;
width:740px;
height:440px;
margin:auto;
}
#hdr {
height: 80px;
background: #4C401C;
color: White;
}
#bar {
height: 10px;
background: #CCB777;
color: #21270E;
border: solid #000000;
border-width: 1px 0 1px 0;
}
#bodyblock {
/* position:relative; */
background:transparent;
background-image: url('../images/joe-birds1.jpg');
background-repeat: no-repeat;
background-attachment:scroll;
color: #333333;
width:740px;
height:100%;
overflow: auto;
padding:0;
}
#body2 {
/* position:relative; */
background:transparent;
color: #333333;
width:740px;
height:100%;
overflow: auto;
padding:0;
}
#l-col {
float: left;
height:100%;
background: transparent; /* #dcdcdc*/
color: #27200E;
width: 120px;
}
#cont {
width:615px; height:400px;
overflow:auto;
height:100%;
background:transparent;/* #ffffff */
color: #303030;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
}
#ftr {
height: 20px;
background: #4c401c;
color: #EDE7D0;
border: solid black;
border-width: 1px 0 0 0;
margin: 0;
}
What I want to do is have the content scroll up BEHIND the footer...
Thanks!!
JohnNone of your objects have a z-index, so the stacking order is dictated by the file order. As the browser reads the file, each object is placed on top of the previous object. You can override this behaviour by setting the z-index yourself.Aw. Poor you.
Could you tell us what the desired effect is? It looks perfectly normal to me.Originally posted by gil davis
None of your objects have a z-index, so the stacking order is dictated by the file order. As the browser reads the file, each object is placed on top of the previous object. You can override this behaviour by setting the z-index yourself.
The footer DIV is applied last, the content DIV just before it.
It was my understanding that this should cause the content DIV to be 'clipped', but it's ignoring that all together...
John
Edit for Omega - See the bottom of the original post - I want the overflowed content to scroll up from BEHIND the footer...
JohnHmmm...
#cont {
width:615px; height:400px;
overflow:auto;
height:100%;
background:transparent;/* #ffffff */
color: #303030;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
}
Perhaps this is the problem.I caught that too - last night late...
the content container is now defined:
#cont {
width:613px;
height:314px;
overflow:auto;
align:center;
background:transparent;/* #ffffff */
color: #303030;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
}
and, if you've looked at the link this morning, this is what it's been since 6:30am Eastern.
John
PS - please help!! I dont' want to have to use FRAMES!
PPS - it's sort of workiing in firefox now.. the -moz transparency stuff is not, but the div's are scrolling properly!That's right, you don't want to have to use frames.
This is weird though because I never had issues with overflow: auto.
So. content behind the footer, is that what you want? I'm unsure of what "scroll up behind the footer" means.. it almost sounds like you want the content to move... I'm slow right now...Originally posted by omega
That's right, you don't want to have to use frames.
This is weird though because I never had issues with overflow: auto.
So. content behind the footer, is that what you want? I'm unsure of what "scroll up behind the footer" means.. it almost sounds like you want the content to move... I'm slow right now...
See my other post addressed to CSS guru's, Omega.
You'll see that the cause of the problem is the FIX that FANG had provided in an earlier thread to make text DARK ontop of an OPAQUE filter (you participated in that discussion somewhat...)
John
First I battled all weekend with a stomach flu... and before that with PHP to make my database stuff work...
Would someone please look at THIS (<!-- m --><a class="postlink" href="http://jtest.stegenga.net/itemlist.php?class=ornith&artist=Audubon">http://jtest.stegenga.net/itemlist.php? ... st=Audubon</a><!-- m -->) page and then browse this CSS:
body {
margin: 20px;
background: #9A823A;
color: #4C401C;
text-align: center;
padding: 0;
}
#outer {
text-align:left;
border:1px solid #000000;
width:740px;
height:440px;
margin:auto;
}
#hdr {
height: 80px;
background: #4C401C;
color: White;
}
#bar {
height: 10px;
background: #CCB777;
color: #21270E;
border: solid #000000;
border-width: 1px 0 1px 0;
}
#bodyblock {
/* position:relative; */
background:transparent;
background-image: url('../images/joe-birds1.jpg');
background-repeat: no-repeat;
background-attachment:scroll;
color: #333333;
width:740px;
height:100%;
overflow: auto;
padding:0;
}
#body2 {
/* position:relative; */
background:transparent;
color: #333333;
width:740px;
height:100%;
overflow: auto;
padding:0;
}
#l-col {
float: left;
height:100%;
background: transparent; /* #dcdcdc*/
color: #27200E;
width: 120px;
}
#cont {
width:615px; height:400px;
overflow:auto;
height:100%;
background:transparent;/* #ffffff */
color: #303030;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
}
#ftr {
height: 20px;
background: #4c401c;
color: #EDE7D0;
border: solid black;
border-width: 1px 0 0 0;
margin: 0;
}
What I want to do is have the content scroll up BEHIND the footer...
Thanks!!
JohnNone of your objects have a z-index, so the stacking order is dictated by the file order. As the browser reads the file, each object is placed on top of the previous object. You can override this behaviour by setting the z-index yourself.Aw. Poor you.
Could you tell us what the desired effect is? It looks perfectly normal to me.Originally posted by gil davis
None of your objects have a z-index, so the stacking order is dictated by the file order. As the browser reads the file, each object is placed on top of the previous object. You can override this behaviour by setting the z-index yourself.
The footer DIV is applied last, the content DIV just before it.
It was my understanding that this should cause the content DIV to be 'clipped', but it's ignoring that all together...
John
Edit for Omega - See the bottom of the original post - I want the overflowed content to scroll up from BEHIND the footer...
JohnHmmm...
#cont {
width:615px; height:400px;
overflow:auto;
height:100%;
background:transparent;/* #ffffff */
color: #303030;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
}
Perhaps this is the problem.I caught that too - last night late...
the content container is now defined:
#cont {
width:613px;
height:314px;
overflow:auto;
align:center;
background:transparent;/* #ffffff */
color: #303030;
border:solid #000000;
border-width:0 0 0 1px;
text-align:left;
}
and, if you've looked at the link this morning, this is what it's been since 6:30am Eastern.
John
PS - please help!! I dont' want to have to use FRAMES!
PPS - it's sort of workiing in firefox now.. the -moz transparency stuff is not, but the div's are scrolling properly!That's right, you don't want to have to use frames.
This is weird though because I never had issues with overflow: auto.
So. content behind the footer, is that what you want? I'm unsure of what "scroll up behind the footer" means.. it almost sounds like you want the content to move... I'm slow right now...Originally posted by omega
That's right, you don't want to have to use frames.
This is weird though because I never had issues with overflow: auto.
So. content behind the footer, is that what you want? I'm unsure of what "scroll up behind the footer" means.. it almost sounds like you want the content to move... I'm slow right now...
See my other post addressed to CSS guru's, Omega.
You'll see that the cause of the problem is the FIX that FANG had provided in an earlier thread to make text DARK ontop of an OPAQUE filter (you participated in that discussion somewhat...)
John