Hidden divs taking up space

html hidden
Shaun Wilson picture Shaun Wilson · Apr 27, 2013 · Viewed 28.4k times · Source

I've set up all my navigation for my website as hide.show divs (using behaviours). It all works pretty well, but I've now realised the problem of the divs taking up space even when they're hidden, extending the height of my wrapper far too much.

I really want the height to extend and contract according to the amount of content on display.

http://shanuea.lockernerd.co.uk/camel/

The divs are absolutely positioned and set to visibility:hidden. Any help appreciated, please let me know if you need more info.

Answer

Stefan Haustein picture Stefan Haustein · Apr 27, 2013

Use display:none instead of visibility:hidden if you want the divs to take up no space when they are not displayed.

Related questions

How to get current formatted date dd/mm/yyyy in Javascript and append it to an input

I would like to add a current date to a hidden HTML tag so that it can be sent to the server: <input type="hidden" id="DATE" name="DATE" value="WOULD_LIKE_TO_ADD_DATE_HERE"> How can …

Read More
How do you create a hidden div that doesn't create a line break or horizontal space?

I want to have a hidden checkbox that doesn't take up any space on the screen. If I have this: <div id="divCheckbox" style="visibility: hidden"> I don't see the checkbox, but it still creates a new line. …

Read More
Hidden property of a button in HTML

I am trying to show three buttons on one button click. Before a button click all three buttons are hidden. I set the hidden property and I am also calling a function on a button click. The problem is that …

Read More