Connecting Tech Pros Worldwide Forums | Help | Site Map

hidden div changes height of underlying table

Newbie
 
Join Date: Feb 2008
Posts: 20
#1: Jul 21 '08
hello all

I am trying to make a database query that draws data from a database and displays a div. I am using the z-index to make the div float at a specific point. the matter is that the div that displays the data makes the div that is below to increase the height the link to the website is this: http://www.schoox.com/user/knowledge/advancedsearch.php and the style for the div is this:

Expand|Select|Wrap|Line Numbers
  1. .suggestionsBox {
  2.         position: relative;
  3.         width: 300px;
  4.         background-color: #ffffff;
  5.         -moz-border-radius: 7px;
  6.         -webkit-border-radius: 7px;
  7.         border: 2px solid #000;    
  8.         color: #ff5a00;
  9.         margin: 0px 0px 0px 0px;
  10.         text-align:left;
  11.         overflow-y:scroll;
  12.     }
  13.  
  14.     .suggestionList {
  15.         margin: 0px 10px 10px 10px;
  16.         padding: 0px;
  17.         word-spacing: 0px;
  18.         text-align:left;
  19.     }
  20.  
  21.     .suggestionList li {
  22.         margin: 0px 0px 0px 0px;
  23.         padding: 0px 0px 0px 0px;
  24.         cursor: pointer;
  25.         list-style-type: none; 
  26.         font-size:11px;
  27.         font-weight:bold;
  28.         text-align:left;
  29.  
  30.     }
  31.  
  32.     .suggestionList li:hover {
  33.         color: #2377bf;
  34.  
  35.     }
thank you for any help

Reply