Secara default, seluruh elemen/tag HTML memiliki positioning static. Artinya anda belum bisa/tidak dapat menentukan posisi elemen tersebut. Ketika anda ingin merubah posisi dari elemen tersebut maka anda harus memberikan position:relative dan selanjutnya anda dapat menggunakan property top, right, bottom, dan left untuk menentukan posisi elemen yang bersangkutan.
Sebagai contoh perhatikan kode HTML dan CSS berikut :
<div id="box"></div>
Berikut kode CSSnya.
#box{
width : 300px;
height : 300px;
}
Ketika anda tidak memberikan nilai pada property position, maka secara default, #box memiliki position:static, jadi anda tidak dapat menggunakan property top, right, bottom dan left untuk menentukan posisi #box tersebut :
#box{
background : blue;
width : 300px;
height : 300px;
top : 100px;
left : 200px;
}
Tersedia di Bacacoding:
Berikut kode lengkapnya:
<!DOCTYPE html>
<html>
<head>
<title>Static</title>
<style type="text/css" media="screen">
#box{
background : blue;
width : 300px;
height : 300px;
top : 100px;
left : 200px;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
Hasil dari kode diatas adalah:
Nah Bagaimana…? apakah sekarang kamu sudah mengerti Cara Memposisikan Website Menjadi Static? Mungkin itu saja tulisan yang membahas tentang Cara Memposisikan Website Menjadi Static, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon