This is a discussion on "How to expand a side nav <div> to full height" within the Web Page Design section. This forum, and the thread "How to expand a side nav <div> to full height are both part of the Design Your Website category.
|
|
|
|
|
 |
||
How to expand a side nav <div> to full height
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
|
#1
Jan 16th, 2008, 10:24
|
|||
|
|||
|
How to expand a side nav <div> to full height
I'm sure this has been asked a hundred times, but just can't find the simple answer.
My vertical list navigation is inside a <div> called 'sidenav'. It only expands to accomodate the nav content but I want it to expand to the full height of my container. Have tried height at 100% but no joy. Anyone help?        
|
|
|
|
#2
Jan 16th, 2008, 10:28
|
||||
|
||||
|
Re: How to expand a side nav <div> to full height
try this tutorial on faux columns
__________________
WelshStew  Site AdminIf you think I've helped, click the "Thanks" tierney rides tboard - uk site | xtreme wales - extreme clothing WebForumz - facebook | LinkedIn
Last Blog Entry: Phorm approved for UK rollout (Sep 17th, 2008)
|
|
#3
Jan 16th, 2008, 17:55
|
||||
|
||||
|
Re: How to expand a side nav <div> to full height
Height for some reason seems to be the worst thing in the world to code for, when it should be really simple. Can't wait till they get a fix for this in later years to come, but until now we have faux columns. These columns are actually background images that repeat and make it appear that your column actually goes down the full page.
Last Blog Entry: Happy Holidays - A Non Offensive way to say Merry Christmas? WRONG! (Dec 11th, 2007)
|
|
#4
Jan 17th, 2008, 21:33
|
|||
|
|||
|
Re: How to expand a side nav <div> to full height
Yup, that seems to work now. Great stuff!
It seems a bit of a cronky way to get it to work but work it does!! Had to rethink my site layout but that was probably a good thing as it was getting a bit messy. Cheers for your help.
|
|
#5
Jan 17th, 2008, 21:36
|
|||
|
|||
|
Re: How to expand a side nav <div> to full height
Just one more thing on this. Not sure if I should post a new topic here??
I have a div with an address/image in that I want to anchor permanently at the very bottom of my side navigation panel no matter how far it expands to accomodate main body content. Have tried <code>vertical-align:bottom </code> and <code>vertical-align:baseline</code> but to no avail. Can you help? Last edited by snappy; Jan 17th, 2008 at 21:38. Reason: clarify my question
|
|
#6
Jan 18th, 2008, 16:29
|
|||
|
|||
|
Re: How to expand a side nav <div> to full height
Maybe put the div inside the navigation div and align it to the bottom?
|
|
#7
Jan 18th, 2008, 17:11
|
||||
|
||||
|
Re: How to expand a side nav <div> to full height
__________________
WelshStew Site AdminIf you think I've helped, click the "Thanks" tierney rides tboard - uk site | xtreme wales - extreme clothing WebForumz - facebook | LinkedIn
Last Blog Entry: Phorm approved for UK rollout (Sep 17th, 2008)
|
|
#8
Jan 18th, 2008, 23:09
|
|||
|
|||
|
Re: How to expand a side nav <div> to full height
FXD: you'd think wouldn't you? tried that tho. and no joy
stew: can't believe there's no simple css for this, will have a go at Ryan's way and report back. over and out....
|
|
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| How to make a table height equal to the browser height ? | subhadip | Starting Out | 4 | Sep 20th, 2007 07:56 |
| Flash player - Expand Videos to Full Screen | marcusanthony | Flash & Multimedia Forum | 2 | Jun 10th, 2007 18:54 |
| pictures side by side | thisandthat | Web Page Design | 3 | May 16th, 2006 00:36 |
| Client-Side VS Server Side Scripting | redev2006 | JavaScript Forum | 1 | Jul 30th, 2005 19:30 |
