Pertanyaan yang diberi tag «css-position»

Saya perlu menempatkan elemen div(dengan position:absolute;) di tengah jendela saya. Tetapi saya mengalami masalah dalam melakukannya, karena lebarnya tidak diketahui . Saya mencoba ini. Tetapi perlu disesuaikan karena lebarnya responsif. .center { left: 50%; bottom:5px; } Ada ide?

1078 css  css-position  center  absolute 

Saya mengalami masalah saat memusatkan elemen yang atributnya positiondisetel ke absolute. Adakah yang tahu mengapa gambar tidak terpusat? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: …

680 html  css  css-position  centering 

Saya mencoba untuk memperbaiki divsehingga selalu menempel di bagian atas layar, menggunakan: position: fixed; top: 0px; right: 0px; Namun, divada di dalam wadah terpusat. Ketika saya menggunakannya position:fixedmemperbaiki divrelatif ke jendela browser, seperti itu di sisi kanan browser. Sebaliknya, itu harus diperbaiki relatif terhadap wadah. Saya tahu itu position:absolutedapat digunakan …

639 css  position  css-position  fixed 

Saya ingin membuat position: fixed;kotak popup yang berada di tengah layar dengan lebar dan tinggi yang dinamis. Saya menggunakan margin: 5% auto;ini. Tanpa position: fixed;itu pusat baik-baik saja secara horizontal, tetapi tidak secara vertikal. Setelah menambahkan position: fixed;, itu bahkan tidak memusatkan secara horizontal. Inilah set lengkap: .jqbox_innerhtml { position: …

439 css  css-position  centering 

CSS Tekan Div ke bagian bawah halaman Silahkan lihat di link itu, saya ingin sebaliknya: Ketika konten meluap ke scrollbars, saya ingin footer saya untuk selalu di lengkap bawah halaman, seperti Stack Overflow. Saya memiliki div dengan id="footer"dan CSS ini: #footer { position: absolute; bottom: 30px; width: 100%; } Tapi …

262 css  positioning  css-position  footer 

Bagaimana saya bisa memposisikan sebuah elemen secara relatif, dan membuatnya tidak menghabiskan ruang dalam aliran dokumen?

186 html  css  positioning  css-position 

Saya ingin membuat Bilah Navigasi tetap di atas setelah saya gulir ke sana, tetapi tidak berfungsi dan saya tidak tahu mengapa. Jika Anda dapat membantu, ini kode HTML dan CSS saya: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; …

177 html  css  css-position 

Bagaimana Anda membuat elemen diposisikan mutlak menghormati padding induknya? Saya ingin div bagian dalam merentangkan lebar induknya dan diletakkan di bagian bawah induknya, pada dasarnya footer. Tetapi anak harus menghormati bantalan orang tua dan itu tidak melakukan itu. Anak itu ditekan tepat ke tepi orangtua. Jadi saya menginginkan ini: tapi …

173 css  padding  css-position 

Saya sebenarnya memiliki dua masalah, tetapi mari kita selesaikan masalah utama terlebih dahulu karena saya percaya yang lain lebih mudah diatasi. Saya memiliki posisi div tetap di sebelah kiri gulir untuk menu. Sisi kanan adalah div standar yang menggulir dengan benar. Masalahnya adalah ketika browser view-port terlalu kecil untuk melihat …

150 javascript  css  scroll  overflow  css-position 

.offset([coordinates])Metode mengatur koordinat elemen tetapi hanya relatif terhadap dokumen. Lalu bagaimana saya bisa mengatur koordinat elemen tetapi relatif terhadap induknya? Saya menemukan bahwa .position()metode hanya mendapatkan nilai "atas, kiri" relatif terhadap induknya, tetapi tidak menetapkan nilai apa pun. Saya mencoba $("#mydiv").css({top: 200, left: 200}); tetapi tidak berhasil.

144 jquery  css  jquery-selectors  positioning  css-position 

Saya memiliki 3 level div: (Hijau di bawah) Level teratas divdengan overflow: hidden. Ini karena saya ingin beberapa konten (tidak ditampilkan di sini) di dalam kotak itu untuk dipotong jika melebihi ukuran kotak. (Merah di bawah) Di dalam ini, saya miliki divdengan position: relative. Satu-satunya penggunaan untuk ini adalah untuk …

144 css  overflow  css-position 

Saya memiliki situasi di mana, dalam keadaan CSS normal, div tetap akan diposisikan tepat di tempat yang ditentukan ( top:0px, left:0px). Ini tampaknya tidak dihargai jika saya memiliki orang tua yang memiliki transformasi translate3d. Apakah saya tidak melihat sesuatu? Saya telah mencoba webkit lain seperti gaya dan mengubah opsi asal …

142 html  css  css-position  css-transforms 

Saya memiliki situs web seluler yang memiliki div yang disematkan ke bagian bawah layar melalui posisi: tetap. Semua berfungsi dengan baik di iOS 5 (saya sedang menguji di iPod Touch) sampai saya berada di halaman dengan formulir. Saat saya masuk ke kolom input dan keyboard virtual muncul, tiba-tiba posisi div …

138 ios5  css-position  virtual-keyboard 

Saya mengganti CSS situs ke versi RTL ketika bahasa tertentu dipilih. Saya memiliki elemen yang harus memiliki pemosisian absolut. Dalam versi LTR, saya lakukan left: 0px;dan itu disejajarkan ke kiri; dalam versi RTL saya ingin melakukan hal sebaliknya right, tetapi leftproperti tidak diganti sehingga tetap berada di sebelah kiri. Saya …

138 css  css-position 

Kami memiliki dua DIV, satu tertanam di yang lain. Jika DIV luar tidak diposisikan absolut, maka DIV dalam, yang diposisikan absolut, tidak mematuhi limpahan tersembunyi dari DIV luar ( contoh ). Apakah ada kemungkinan untuk membuat DIV bagian dalam mematuhi limpahan yang tersembunyi dari DIV bagian luar tanpa mengatur DIV …

134 html  css  layout  overflow  css-position