[slider] problem with positioning

[slider] problem with positioning

Hi,

I have a div for the slider in many other div:


  1. <div id="container">   
  2.     <div id="fields">
  3.         <form id="new" action="..." method="post">
  4.           <fieldset>
  5.             <div class="address">
  6.                   <label for="address">Address: </label>
  7.                   <input name="address" id="address" placeholder="Insert address..." type="address">
  8.              
  9.                   <input name="resolve" id="resolve" value="Resolve" type="button">
  10.             </div>
  11.                    
  12.             <div class="text">
  13.                   <label for="text">Text</label>
  14.                   <input name="text" id="text" placeholder="Text..." required="" type="text">
  15.             </div>
  16.             <div id="payment">
  17.                 <div id="time">
  18.                 <label for="time_input">Time: </label>
  19.                 <input id="time_input" readonly="readonly" type="text">
  20.              <div id="time_slider"></a></div>
  21.     </div>
  22. </div>
  23.           <input id="send" name="send" value="Send" type="button">
  24.          
  25.         </form>
  26.        
  27.     </div>
  28. </div>
  29.    
And in the Javascript code I call a slider:
  1.  $( "#time_slider" ).slider({

        });


This is an example. After it works I will set the other options..

The problem is that the slider is not in place after the input, but is at the top of the container DIV. In the upper left position of the DIV (0px 0px)


Can someone help me?




Grazie in anticipo..










    • Topic Participants

    • unit1