28
Jun
12

meletakkan posisi elemen di tengah halaman, dengan position: fixed;

Elemen dengan menggunakan position: fixed; tidak dapat menggunakan margin: 0 auto; jika ingin tampil di tengah halaman. Tetapi masih ada cara untuk meletakan elemen di tengah halaman dengan position: fixed; Berikut adalah salah satu caranya:


.center_fixed{

position: fixed;

width: 500px;

height: 200px;

left: 50%;

top: 50%;

margin-left: -250px;  /* -250px adalah 50% dari width */

margin-top: -100px; /* -100px adalah 50% dari height, atau dapat disesuaikan sesuai tampilan yg diinginkan*/

}


0 Responses to “meletakkan posisi elemen di tengah halaman, dengan position: fixed;”



  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Latest Tweets

June 2012
S M T W T F S
« May   Jul »
 12
3456789
10111213141516
17181920212223
24252627282930

Blog Stats

  • 47,320 hits

%d bloggers like this: