Setting right border of panel with CSS-P

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post February 6th, 2004, 7:49 am

allgoodpeople wrote:
digitalMedia wrote:
btw: in your HTML, you've got a /DIV as the first element after the BODY tag.



what's wrong with having a <div> as the first element in your body? i had been reading at http://www.mako4css.com/BasDiv.htm to try and become more familiar with using CSS, and that seemed like the way to insert the classes into the html document.

mark



You had the CLOSING div as the first element. Not an OPENING div.
:)

That's what I was pointing out.
- dM
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 6th, 2004, 7:49 am

  • allgoodpeople
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2004
  • Posts: 379
  • Loc: here
  • Status: Offline

Post February 6th, 2004, 8:01 am

digitalMedia wrote:


You had the CLOSING div as the first element. Not an OPENING div.
:)

That's what I was pointing out.


oh....yeah :oops: i can see where that would be a problem :lol:

i think i have it the way i would like it though. thanks for all your input digital media, it was a big help!

mark
  • allgoodpeople
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2004
  • Posts: 379
  • Loc: here
  • Status: Offline

Post February 6th, 2004, 12:15 pm

ok, so here's a new behavior that i find confusing:

for reference, here's the class:
Code: [ Select ]
.nav_panel {
    background: Teal;
    border: 1px solid Black;
    height: 100%;
    left: 0px;
    padding: 10px 10px 10px 10px;
    position: absolute;
    top: 0px;
    font-size: xx-small;
    width: 165px;
}
  1. .nav_panel {
  2.     background: Teal;
  3.     border: 1px solid Black;
  4.     height: 100%;
  5.     left: 0px;
  6.     padding: 10px 10px 10px 10px;
  7.     position: absolute;
  8.     top: 0px;
  9.     font-size: xx-small;
  10.     width: 165px;
  11. }




the left hand column is draw correctly when the page loads, flush against the top and left, 100% of page height.

however, when the page scrolls down, the column does not continue flush against the bottom of the page. it maintains the original height that it drew when the page loaded. you can see the effect at http://www.nriyounglife.org . any ideas on how to get the left panel to continue to draw itself, even as the page is scrolled? I could simply specify an absolute pixel height which fit the entire page, but this would have to be adjusted any time the page was modified in total height. I would think there is a way to get the column to adjust automatically.

I've tried background: repeat-y, i've tried setting the bottom margin to 0px. not sure what else there is.

mark

Post Information

  • Total Posts in this topic: 18 posts
  • Users browsing this forum: No registered users and 154 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.