Belajar Komputer dan Teknologi Informasi

Tuesday, January 12, 2010

Membuat tampilan ditengah layar dengan CSS HTML


Ada banyak teknik yang bisa diterapkan untuk melakukan centering tampilan website. Di internet juga sudah banyak bertebaran script-script untuk bisa melakukan centering. Ini salah satu script HTML yang bisa dicoba.




<html>
<head>
<title>Membuat Tampilan Di Tengah Layar </title>
<style>
.tengah {position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 600px;
background-color: cyan;
border: 1px solid black; }
</style>

<body>
<div align="center" class="tengah">
</div>
</body>
</html>


Hasilnya ?
Tampilan akan selalu ditengah dengan ukuran lebar 600px. Tampilan ini akan sempurna jika dibuka dengan mozilla/navigator 6, soalnya kedua browser ini betul-betul menampilkan CSS2 dengan tepat. Google Chrom juga OK, ada ide lain ?

5 comments:

  1. thanks telah berbagi ilmu.
    script ini lagi gw cari :D

    ReplyDelete
  2. wah, terima kasih pak, script sederhana yang saya cari selama 2 hari terakhir ini.. akhirnya nemu juga buatan lokal.. hihi,, tengkyu

    ReplyDelete
  3. bagus banget mas artikelnya..
    numpang nanya mas.. kenapa ya tampilan blog saya http://maubacabaewis.blogspot.com/ ini selalu ditengah ketika dibuka.. mohon pencerahanya mas.. makasih sesudah n sebelumnya mas.. ^_^

    ReplyDelete
  4. terima kasih.. sangat membantu (y)

    ReplyDelete