Hidden <DIV> enlarges page!! Pls Help

[Forri]

Hi all

I have created a calendar and for each event i created a hidden DIV tag so that when the mouse get over the event title the Div will show! The problem is that when the div shows the page enlarges: the scroll bar shows!!

this is the div:

<DIV ID="7" STYLE="width:250px; height:200px; position:absolute; left:0px; top:0px; z-index:20; visibility:hidden;">
<TABLE BORDER="0" WIDTH="60%" CELLPADDING="0" CELLSPACING="1"><TR><TD BGCOLOR="#31659C">
<TABLE BORDER="0" WIDTH="100%" CELLPADDING="0" CELLSPACING="1"><TR><TD BGCOLOR="#FFFFFF" CLASS="popup">
<FONT COLOR="#31659C"><B>Time: </B>
12:05:00<br><B>Title:</B> Test<br><B>Description: </B></FONT></TD></TR></TABLE>
</TD></TR></TABLE></DIV>

Is there any way i can remove the enlarging part! Thanks

Thanks
Nick

 

[BillyRayPreachersSon]

Yes - move and size the DIVs so that they don't go off of the page.

Hope this helps,
Dan

 

[Forri]

I'm sorry didn't understand you? could you pls explain further!

just in case - the calendar is made up of 7x6 boxes spread out all over the page so if i have an event on the last column it will go out! Thats what i don;t want!

Nick

 

[BabyJeffy]

What is your "onmouseover" code? The <div> itself looks alright... the fact you defined it as absolute implies it shouldn't take up any page space. Do you have a url you could post with the current work on it?

Jeff

 

[BillyRayPreachersSon]

>>>> i created a hidden DIV tag so that when the mouse get over the event title the Div will show... Is there any way i can remove the enlarging part!

>>> Yes - move and size the DIVs so that they don't go off of the page.

>> I'm sorry didn't understand you?

You've said you create a hidden DIV which you show, so presumably you know what DIV I'm referring to.

The DIV clearly has a width, height, top, and left position:

STYLE="width:250px; height:200px; position:absolute; left:0px; top:0px; z-index:20; visibility:hidden;"

So when I say move it and size it so that it doesn't go off ot the page, I guess what I'm saying is change the top, left, width, and height properties so that the DIV doesn't go outside of the boundaries of your current page content.

I'm not sure how to explain it any more clearly than that.

Hope this helps,
Dan

 

[Forri]

Sorry about that Billy....

what i didn't understand aare the parameters i should put but as u can see they are all defined the same as the one above...so i'm sure that they are not going out of page...they do so when the <DIV> is shown on the extreme ends of the pages. In the middle nothing happens!

Tanks
nick