On 10 Sep, 15:45, "Roy A." <[EMAIL PROTECTED]> wrote: > On 5 Sep, 04:18, Brian <[EMAIL PROTECTED]> wrote: > > > > > > > I'm creating a page with a two column layout - navigation on the left, > > content on the right. I've uploaded the template > > here:http://www.geocities.com/hostingmooch/index.html > > > The problem is that the design is meant to be a template for a ruby on > > rails application - meaning the height of both the navigation layer > > and the content layer are variable. The content layer uses a > > background imagine in its bottom right-hand corner that needs to line > > up with the footer layer (below both nav & content layers, it > > stretches the entire width). At the below page I've reduced the amount > > of content text so you can see the line-up > > problem:http://www.geocities.com/hostingmooch/index.html > > > What I need is, ideally, some means of making sure the content layer's > > height is never less than that of the nav layer. If that's not > > feasible, then I need to be able to manually set a minimum height for > > the content layer, ensuring it never gets below the maximum possible > > height of the nav layer. > > If you add 28px to the bottom of the content_.jpg and use both the > html > element and the body element, this might work as you want: > > html { background: #000; padding: 20px; text-align: center; color: > #EFEFE6 } > body { width: 775px; margin: 0 auto; text-align: left; background: > url(main_bg0.jpg) } > #container { background: url('content_.jpg') no-repeat 100% 100% } > #content { width: 546px; float: left }
Note: The generated content from your host is spoiling it in IE 6 and IE 7, it is also spoilet by 1px at the bottom in Firefox and Safari. --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [EMAIL PROTECTED] -~----------~----~----~----~------~----~------~--~---
