Ga masalah mau pake div ataupun tag lainnya, itu cuma masalah style aja gan. Sepertinya agan banyak menggunakan style position: absolute atau menggunakan float.
Original Posted By syakirurohman►agan harus mulai belajar tentang desain web responsive. belajar cara bikin halaman responsif dengan css.. kalo belum tau tentang reponsif, nih baca :
Kalau mau pakai template resposive, usahakan "width" nya jangan pakai fixed, tapi pakai "persen".
Kalau widthnya fixed, ketika lebar layar kurang dari total lebar elemen, salah satu elemen bakal dipindah di bawah.
Misalnya: mau ada 2 elemen, dibikin berdampingan.
Elemen 1: lebar maksimum 200px, atau sekitar 30% dari lebar layar ketika layar di resize.
Elemen 2: lebar maksimum 600px, atau sekitar 70% dari lebar layar ketika layar di resize.
Total lebar elemen ketika layar maximized hanya 800 pixel dan ketika layar diperkecil total lebar elemen adalah 100% dari lebar layar.
Responsive CSS :
#Elemen1 {
width: 30%; <-- memastikan lebar 30% dari total lebar layar.
max-width: 200px; <-- dengan lebar elemen maksimal tidak lebih dari 200 pixel.
float: left;
}
#Elemen2 {
width: 70%; <-- memastikan lebar elemen 70% dari lebar layar (lebar elemen 1 + elemen 2 = 100% atau lebar penuh)
max-width: 600px; <-- memastikan lebar elemen maksimum tidak lebih dari 600px (lebar elemen 1 + lebar elemen 2 = 800pixel)
float: left;
}
catatan : pastikan padding kanan dan kiri 0 supaya tidak ada penambahan lebar elemen.
Tempat diskusi teknis dan review seputar website, security, blogs, CMS, webhosting, filehoster, forum, board, mail, SEO, templates, snippets/scripts, social bookmarking, social network. subscribe
