Cara mengatasi sidebar yang muncul di bawah error konten

Baru-baru ini salah seseorang mengajukan pertanyaan kepada saya: bagaimana cara mengatasi sidebar di bawah error konten di WordPress. Ini bukan pertama kalinya, saya mendapatkan pertanyaan ini, jadi saya memutuskan untuk menulis postingan tentangnya.

Pada artikel ini, saya akan menunjukkan cara mengatasi sidebar yang muncul di bawah error konten di WordPress.

Mengapa Sidebar saya berada di bawah Konten saya?

Alasan mengapa sidebar Anda berada di bawah konten Anda adalah karena ada kesalahan HTML atau CSS di tema Anda.

Bagaimana cara mencegah sidebar saya jatuh di bawah konten?

Saya telah memecahkan masalah ini untuk banyak pengguna. 9 kali dari 10, alasannya sama. Ada elemen div yang tidak ditutup di halaman. Mungkin juga ada elemen div tambahan yang ditutup pada halaman yang membuatnya tampak seperti sidebar Anda berada di luar elemen bungkus. Jadi apa artinya ini dalam bahasa Inggris? Mari kita pecahkan masalahnya selangkah demi selangkah.

Apakah ini sesuatu yang mulai terjadi baru-baru ini? Apakah ini hanya terjadi di postingan atau halaman tertentu? Jika jawaban Anda adalah YA, maka perbaikan berikut ini untuk Anda.

Perhatikan apa pun yang Anda ubah baru-baru ini. Apakah Anda menambahkan plugin? Membuat perubahan terkait HTML? Apakah postingan atau konten halaman tertentu Anda memiliki <div> blok di dalamnya? Pastikan mereka ditutup dengan benar. Salah satu cara terbaik untuk mengetahui error tersebut adalah dengan menggunakan Validator W3 .

Gunakan bagan ini untuk memahami apa yang sedang terjadi:

Struktur Div

Jika Anda membuat tema khusus, dan masalah ini terjadi pada Anda, mungkin ada beberapa masalah. Satu masalah yang telah saya ungkapkan kepada Anda di atas. Beberapa masalah lain bisa jadi:

Rasio lebar tidak tepat. Jika lebar container Anda hanya 960px, maka Anda harus menjaga proporsional. Misalnya, lebar konten 600px, dan lebar sidebar 300px dengan margin 60px di antaranya.

Masalah lainnya bisa jadi properti float. Anda harus memastikan bahwa Anda menambahkan float: left; dan float: langsung ke elemen yang sesuai. Jika Anda tidak melakukan itu, maka itu tidak akan berhasil.

Saya harap artikel ini menunjukkan kepada Anda cara mengatasi sidebar di bawah error konten di WordPress.

Tinggalkan Balasan