Pengaturan adaptif tinggi DIV tiga baris dan tiga kolom CSS

Penulis：Eve Cole Waktu Pembaruan：2009-06-12 17:45:10

Cara menggunakan skrip untuk mengontrol pengaturan adaptif ketinggian div dengan tiga baris dan tiga kolom. Sebenarnya tidak terlalu merepotkan, cukup atur ketinggian tetap untuk div induk, seperti 10px, dan tinggi div turunannya: 100% untuk mencapai adaptasi ketinggian. Jika tidak percaya, lihat Kode:

<head>

<style>

tubuh {
keluarga font: arial, helvetica, sans-serif;

warna: hitam;
margin: 5 piksel;
latar belakang:#ffc url(d:/8767a.gif) ulangi-y;

bantalan: 0;
jenis huruf:12 piksel;
spasi huruf:1px;
perataan teks:tengah;
jenis huruf:120%;
}
jalan
{
tipe-gaya-daftar:persegi;
daftar-gaya-gambar:url(d:/8767a.gif);
posisi-gaya-daftar:di dalam;
}
li
{
batas:1px hijau solid;
lebar batas:0px 0px 1px 0px;
kursor:tunggu;
}
.sebaris
{
tampilan:blok;
}
.div
{
paddin-atas:-40px;
}
.maxfont
{
ukuran font:180%;
}

#tajuk
{
latar belakang:abu-abu;
margin:2 piksel 0 piksel;
lebar:790 piksel;
}

#kiri
{
latar belakang:#ffeef0;
mengapung:kiri;
lebar:195 piksel;
tinggi:100%;
}

#tengah
{
latar belakang:#ffaae0;
mengapung:kiri;
lebar:390 piksel;
margin:0 piksel 5 piksel;
tinggi:100%;
}

#Kanan
{
latar belakang:#ffaaaa;
mengapung:kiri;
lebar:195 piksel;
lebar: -10 piksel;
tinggi:100%;
}

#footer
{
latar belakang:#ffaa11;
jelas: keduanya;
lebar:790 piksel;
margin:1 piksel 0 piksel;
}

#kiri,#tengah,#kanan
{
perataan teks:kiri;
indentasi teks:24px;
}

#isi
{
margin:0px otomatis;
lebar:790 piksel;
tinggi:400 piksel;
}

</gaya>

</kepala>

<tubuh>
<div style="tampilan: tidak ada">
sore ini
<ul kelas="sebaris">
<li>
<p class="div">Mode normal</p>

<p class="maxfont">ssss</p>
<p>aaa</p>
<bfff>
</li>
<li>Tutorial XHTML Kota Impian.</li>
<li>Tutorial CSS Kota Impian.</li>
<li>Tutorial JAVASCRIPT Kota Impian.</li>
</ul>
</div>

<div style="display:tidak ada">
Korban

<ul>
<li>v gma dan a</li>
<li>dd dkdkdkd</li>
</ul>
</div>

<div id="tajuk">
<h1>Skrip mengontrol tiga baris dan tiga kolom tata letak DIV tinggi adaptif</h1>
</div>
<div id="content">

<div id="left">Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar. Ada juga banyak orang yang tidak buta namun memiliki

gangguan penglihatan – dan Anda dan saya akan menjadi salah satu dari mereka seiring bertambahnya usia. Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna mengubah

ukuran teks; menolak menawarkan opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.

Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar.

Ada juga banyak orang yang tidak buta namun memiliki gangguan penglihatan – dan Anda dan saya

akan menjadi salah satu dari mereka

seiring bertambahnya usia

Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna mengubah ukuran teks; menolak menawarkan

opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.
</div>
<div id="middle">Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar. Ada juga banyak orang yang tidak buta namun memiliki gangguan

penglihatan

– dan Anda dan saya akan menjadi salah satu dari mereka seiring bertambahnya usia.

Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna

mengubah

ukuran teks; menolak menawarkan opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.

Jika desainer menentukan ukuran teks dalam piksel, sebagian besar pengguna tidak akan dapat menskalakan teks karena Internet Explorer

mengubah

ukuran teks secara berbeda dibandingkan browser lain.

Mozilla dan Opera dapat menskalakan teks yang telah diatur ke ukuran piksel, tetapi

IE di Windows tidak bisa.

Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar.

Ada juga banyak orang yang tidak buta namun memiliki gangguan penglihatan – dan Anda dan saya

akan menjadi salah satu dari mereka

seiring bertambahnya usia

Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna mengubah ukuran teks; menolak menawarkan

opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.

Jika desainer menentukan ukuran teks dalam piksel, sebagian besar pengguna tidak akan dapat menskalakan teks karena Internet Explorer

mengubah

ukuran teks secara berbeda dibandingkan browser lain.

Mozilla dan Opera dapat menskalakan teks yang telah berukuran piksel, tetapi

IE di Windows tidak bisa. Jika desainer menggunakan piksel untuk menentukan ukuran teks, sebagian besar pengguna tidak akan dapat menskalakan teks karena Internet Explorer

mengubah

ukuran teks dengan cara yang sama

berbeda. Mozilla dan Opera dapat menskalakan teks yang telah diatur ke ukuran piksel, tetapi

IE di Windows tidak bisa.

Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar.

Ada juga banyak orang yang tidak buta namun memiliki gangguan penglihatan – dan Anda dan saya

akan menjadi salah satu dari mereka

seiring bertambahnya usia

Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna mengubah ukuran teks; menolak menawarkan

opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.

Jika desainer menentukan ukuran teks dalam piksel, sebagian besar pengguna tidak akan dapat menskalakan teks karena Internet Explorer

mengubah

ukuran teks secara berbeda dibandingkan browser lain.

Mozilla dan Opera dapat menskalakan teks yang telah berukuran piksel, tetapi

IE di Windows tidak bisa. Jika desainer menggunakan piksel untuk menentukan ukuran teks, sebagian besar pengguna tidak akan dapat menskalakan teks karena Internet Explorer

mengubah

ukuran teks dengan cara yang sama

berbeda. Mozilla dan Opera dapat menskalakan teks yang telah diatur ke ukuran piksel, tetapi

IE di Windows tidak bisa.

Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar.

Ada juga banyak orang yang tidak buta namun memiliki gangguan penglihatan – dan Anda dan saya

akan menjadi salah satu dari mereka

seiring bertambahnya usia

Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna mengubah ukuran teks; menolak menawarkan

opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.

Jika desainer menentukan ukuran teks dalam piksel, sebagian besar pengguna tidak akan dapat menskalakan teks karena Internet Explorer

mengubah

ukuran teks secara berbeda dibandingkan browser lain.

Mozilla dan Opera dapat menskalakan teks yang telah diatur ke ukuran piksel, tetapi

IE di Windows tidak bisa.
</div>
<div id="right">Aksesibilitas bukan hanya tentang penyandang tunanetra dan pembaca layar. Ada juga banyak orang yang tidak buta namun memiliki gangguan

penglihatan

– dan Anda dan saya akan menjadi salah satu dari mereka seiring bertambahnya usia.

Salah satu cara paling sederhana untuk membuat situs web lebih ramah pengguna adalah dengan mengizinkan pengguna

mengubah

ukuran teks; menolak menawarkan opsi seperti itu akan menghilangkan kendali pengguna dan mungkin menghalangi mereka untuk membaca dengan nyaman.

</div>

</div>
<div id="footer"> Selamat datang di: www.devdao.com</div >

</body>