2017-02-13 5 views
0

Ich benutze jquery date picker, ich habe date picker zu meinem jsp seite hinzugefügt, und ich möchte es nach links verschieben, aber es funktioniert nicht ..
In meinem jsp page ich habeRand-links css funktioniert nicht

<div id="datepicker" class="datepicker"> 
     <script> 
     $("#datepicker").datepicker(); 
     </script> 
     </div> 

und in meiner CSS-Datei

ich habe
.datepicker{ 

     margin-top:20px; 
     margin-left:600px; 
     position: fixed; 

} 

aber das Element ist immer oben links corner..Does jemand Lösung? ich margin-top und margin-left immer, wenn ich gebraucht wollte Element positionieren, und es hat immer funktioniert..Danke im Voraus!

+1

Das liegt daran, dass Sie 'position: fixed;' so eingestellt haben, dass es in die obere linke Ecke gesetzt wird, da dies die Standardwerte (0) für 'top' und' left' sind. Wenn Sie es so positionieren möchten, stellen Sie die "top" und "left" auf die gewünschten Werte ein. – zgood

+0

Ich lege 'top: 20px' und' links: 600px', aber es ist das gleiche..wie ich verstanden habe, margin-left und margin-top bewegen das Element nach links und nach unten für die Anzahl der Pixel, und das ist, was ich brauche .. ich weiß nicht, was ist der Unterschied zwischen oben und links und Rand oben und Rand links .. – slomilll

Antwort

0

Ich habe Probleme, die Datepicker-Funktion immer auf codepen laufen, aber der CSS-Formatierung Teil arbeitet gerade fein: https://codepen.io/anon/pen/OWdXKL

<style> 
    .datepicker{ 
     margin-top:20px; 
     margin-left:600px; 
     position: fixed; 
}; 
</style> 

<div id="datepicker" class="datepicker">this div is 600 px from the left; 20 px from the top</div> 

<script> 
    $("#datepicker").datepicker(); 
</script> 

Meine Vermutung wäre, dass es etwas woanders in Ihrem Stylesheet ist, dass überschreibt die Ränder, die in dem von Ihnen bereitgestellten Ausschnitt definiert sind.

+0

Es funktioniert jetzt, nachdem ich Projekt in Finsternis aufgeräumt und Geschichte gelöscht ... Danke trotzdem! – slomilll