Div tags to show/hide chatbox.

JosephC

Paragon
Joined
Aug 22, 2009
Messages
1,703
Reaction score
1
FP$
599
Hi, I've been looking at adding a function to show or hide the chatbox so it doesn't get in the way and we've been slightly successful but had 2 different faults.

1) When hidden it leaves a big gap where it is.

2) No gap but when you click to show it doesn't fit the space it should it just goes huge.

We're using: <div id="chatbox" style="position:relative; visibility:hidden;">

and <div id="chatbox" style="position:absolute; visibility:hidden;">

We have the working javascript to show/hide it and the content is in the correct place as far as I know.

Do you know what code we should use to make it so there is no big gap when it's hidden and when you click to show it it only uses the space it is initially using.
 
I was going to say, use "display: none;" to hide it and than "display: block;" to show it.
 
Back
Top Bottom