CSS Fluid Height

liunx

Guest
<!-- m --><a class="postlink" href="http://sureo.com/tek">http://sureo.com/tek</a><!-- m -->

first off, thanks so much for all the help ive been getting here! its been great help!

ok, well now, i want to make my height fluid as in:

when the inner div (that INNER black box) has more content in it, it pushes out the containing div (outer black box) which then pushes out the main containing div (#border)

right now, if i make the inner black box larger, it just goes off the screen. if i try making the black containing div height:auto/100% it just sorta dissapears :(!

<!-- m --><a class="postlink" href="http://sureo.com/tek/template.css">http://sureo.com/tek/template.css</a><!-- m -->

thanks for the help!Lemmie be the first to say that your site looks really cool! Sorry, I don't have any help to offer but this thread I started. I'm looking for the same type of help you are.
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?t=71463">http://www.webdeveloper.com/forum/showt ... hp?t=71463</a><!-- m -->

Good luck!Although I'm happy to see that you're not using tables to lay it all out, you're really pushing it with the lists. They're definitely not being used as lists in a lot of those cases.

The menu should be a list and those two boxes should have lists in them, but nothing else.

If you remove all the references to height in the relevant classes and ids, and just use padding then the content will do that for you.wait, I AM only using lists for the menu and inside the boxes...so far :)

anyways, which classes/id's are u referring to? (sorry i was confused when u said RELEVANT classes and ids)

i have 3 containing divs, not including the one for the whole menu, and each inner box (that inner box will be a containing div)Hey nodaa90! I might have an answer to your problem....
<!-- m --><a class="postlink" href="http://www.webmasterworld.com/forum83/200.htm">http://www.webmasterworld.com/forum83/200.htm</a><!-- m -->
I hope it helps you like it helped me!I guess it's just the third box I was looking at with the lists

Basically everything that needs to extend vertically, remove the fixed heightsalright i did, and guess WHAT?!
(look at the page again its updated)

it works in IE, but NOT in FF!!!!!!!!!!!

anyways, someone please tell me how to get it to work in FF as well!
 
Back
Top