floyde
poster asli- 7 April 2005
- Monterrey Meksiko
- 27 Maret 2006
Saya memiliki dua div. Satu memiliki ketinggian tetap dan saya ingin yang lain mengisi ruang vertikal yang tersisa di jendela. Jika saya mengatur tinggi div yang terakhir ke 100%, itu akan membuatnya sama tingginya dengan jendela, tapi saya ingin itu menjadi tinggi jendela dikurangi tinggi div pertama.
Ini adalah kode yang saya gunakan:
Kode: |_+_|
Saya juga menyertakan beberapa gambar yang menunjukkan apa yang ingin saya lakukan dan apa yang telah saya lakukan sejauh ini. Terima kasih sebelumnya
lampiran
n
TanpaNamaMerek
- 17 November 2005
- Halifax, Kanada
- 27 Maret 2006
Kalau tidak, saya tidak bisa memikirkan cara agar Anda mendapatkan apa yang Anda inginkan.
stevep
- 13 Oktober 2004
- Inggris
- 27 Maret 2006
Mencoba:
Dokumen tanpa judul
ke
B
C
D
Dan
id Saya curang dengan melakukannya di DW, menambahkan beberapa konten ke lapisan kedua, dan kemudian mengotak-atik kode - DW suka hal-hal memiliki beberapa bantalan di tepinya dan meskipun Anda dapat menentukan dalam dialog yang Anda inginkan untuk lapisan mulai dari 0px dari sudut atas, Anda harus mengatakannya dua kali, menggunakan Tampilan Kode. Aku harus bagaimanapun juga.
floyde
poster asli- 7 April 2005
- Monterrey Meksiko
- 27 Maret 2006
NoNameBrand berkata: Mengapa tidak menyarangkan yang pertama di dalam yang ke-2?
Kalau tidak, saya tidak bisa memikirkan cara agar Anda mendapatkan apa yang Anda inginkan.
Terima kasih, itu berfungsi secara visual, tetapi div kedua akan menjadi wadah untuk tata letak ini, jadi saya masih membutuhkannya untuk memiliki dimensi yang tepat agar isinya dapat mewarisinya.
Jadi mungkin itu tidak mungkin? Mungkin saya perlu menggunakan sedikit javascript untuk membuatnya berfungsi?
Steve berkata: Coba:Terima kasih, tapi saya tidak bisa membuatnya bekerja, browser apa yang Anda gunakan?
floyde
poster asli- 7 April 2005
- Monterrey Meksiko
- 27 Maret 2006
Ok inilah pic tujuan akhir saya. Sejauh ini saya melakukannya secara bertahap, jadi mungkin masalahnya adalah pendekatan awal saya. Jadi bagaimana kalian mendekati ini (saya hanya butuh ide)? Apakah Anda akan menggunakan css murni, atau akankah Anda menyerah pada tabel atau bingkai?
lampiran
stevep
- 13 Oktober 2004
- Inggris
- 27 Maret 2006
Bagian yang harus Anda mainkan adalah ini:
#Lapisan1 {
posisi: mutlak;
kiri:0px;
atas:0 piksel;
lebar: 100%;
tinggi: 180 piksel;
indeks-z: 1;
warna latar: #99CCFF;
}
Kasar halaman Anda di selembar kertas sehingga Anda mendapatkan posisi yang benar, dan itu akan memberi Anda posisi sudut LH atas setiap lapisan. Ketinggian lapisan 1 akan menentukan posisi awal lapisan 2 - dalam hal ini lapisan 2 harus memiliki aatas:180 piksel;baris kode.
Jika Anda ingin 3 lapisan seperti yang Anda tunjukkan di posting terakhir Anda, maka lapisan paling kiri adalah:
#Lapisan1 {
posisi: mutlak;
kiri:0px;
atas:0 piksel;
lebar: 200 piksel;
tinggi: 100%;
indeks-z: 1;
warna-latar belakang: #336699;
}
dan lapisan RH atas adalah:
#Lapisan1 {
posisi: mutlak;
kiri:200 piksel;
atas:0 piksel;
lebar: 100%;
tinggi: 180 piksel;
indeks-z: 2;
warna latar: #33CCFF;
}
dan lapisan ke-3 untuk mengisi sisa jendela (namun ukurannya diubah) harus seperti:
#Lapisan1 {
posisi: mutlak;
kiri:200 piksel;
atas:180 piksel;
lebar: 100%;
tinggi: 100%;
indeks-z: 3;
warna latar: #99CCFF;
}
Yang terbaik untuk menempatkan beberapa konten dummy di setiap lapisan jika Anda menggunakan Dreamweaver, dalam kasus lapisan menyusut menjadi apa-apa dalam tampilan halaman, maka 'a,b,c dll' dalam html asli di atas.
ps Saya bukan ahli, saya mungkin salah tapi saya harap ini membantu. Apa yang bisa saya katakan adalah bahwa kode pertama saya tampaknya berfungsi. Saya pribadi tidak akan membuat sarang lapisan jika saya bisa membantu sedikit, tapi itu hanya saya - saya hanya melakukan yang sederhana. n
TanpaNamaMerek
- 17 November 2005
- Halifax, Kanada
- 27 Maret 2006
Inilah yang akan saya lakukan:
Kode:
foo kamu percaya!
-
- 14 Juni 2003
-
-
- MD / VA / DC
- 27 Maret 2006
Dekonsepsi...
Check out FlashObject dan di download ada kode untuk membuat div fullscreen.. mungkin bisa disesuaikan dengan keinginan.
http://blog.deconcept.com/flashobject/ floyde
poster asli -
- 7 April 2005
-
-
- Monterrey Meksiko
- 28 April 2006
Terima kasih atas semua bantuannya, tetapi saya baru menyadari bahwa tata letak persis yang saya inginkan tidak mungkin dicapai dengan kombinasi lebar/tinggi dan persentase tetap. Saya menulis ulang hanya menggunakan persentase dan sekarang berhasil. Jika Anda tertarik dengan markup, beri tahu saya dan saya akan mempostingnya. stevep
-
- 13 Oktober 2004
-
-
- Inggris
- 28 April 2006
floyde berkata: Jika Anda tertarik dengan markup, beri tahu saya dan saya akan mempostingnya.
Saya ingin melihat apakah Anda punya waktu untuk memposting lagi.
NoNameBrand berkata: Apa 'lapisan' ini? apakah itu Dreamweaver-esque untuk 'break stuff real-good'?
Yah, saya tidak tahu tentang 'hal-hal yang melanggar' tapi saya kira Anda menduga bahwa saya bukan boff CSS - lapisan adalah nama yang nyaman yang diberikan oleh DW untuk hal-hal yang menurut saya harus disebut 'elemen posisi CSS' - dan Saya pikir mereka menyebutnya demikian untuk membuat orang-orang seperti saya dari latar belakang DTP / Photoshop merasa sedikit lebih nyaman. Melihat kode yang Anda sertakan dalam posting Anda, NoNameBrand, itu jauh lebih elegan daripada kode saya - saya harus benar-benar memahami tag div. Terima kasih atas OP dan jawabannya. n TanpaNamaMerek
-
- 17 November 2005
-
-
- Halifax, Kanada
- 28 April 2006
stevep berkata: Yah, saya tidak tahu tentang 'melanggar hal-hal' tapi saya kira Anda menduga bahwa saya bukan boff CSS - lapisan adalah nama yang nyaman yang diberikan oleh DW untuk hal-hal yang saya pikir harus disebut 'elemen posisi CSS '
Mereka juga memiliki indeks z yang menumpuk - yang memposisikan hal-hal dari depan ke belakang pada halaman. Saya telah melihat lapisan DW sebelumnya yang benar-benar merusak situs, tetapi sebaliknya saya tidak memiliki banyak paparan kepada mereka (itu sudah cukup, sungguh).
Saya harus mencoba untuk benar-benar memahami tag div.
A hanyalah sebuah blok arbitrer - itu tidak berarti apa-apa secara semantik, cara atidak (paragraf teks). Aadalah ide yang sama, tetapi untuk hal-hal sebaris (seperti a tag, tetapi sekali lagi, bebas semantik).
Hal termudah untuk mempelajari hal ini adalah berhenti menggunakan Dreamweaver. Saya mendesain situs saya di Photoshop dan kemudian menyimpan elemen grafis yang saya inginkan, bersama dengan mencatat kode warna dan beberapa pengukuran piksel kasar untuk tujuan penyelarasan, dan kemudian saya membuat kode situs di TextWrangler atau VIM. floyde
poster asli -
- 7 April 2005
-
-
- Monterrey Meksiko
- 28 April 2006
stevep berkata: Saya ingin melihat apakah Anda punya waktu untuk memposting lagi.
Ini dia, ada sedikit bahasa Spanyol di sana, semoga tidak terlalu membingungkan:
Kode:Skema Besar html { tinggi: 100%; } badan { margin: 0; bantalan: 0; tinggi: 100%; lebar: 100%; } #kiri, #kanan { float: kiri; } #kiri { tinggi:100%; warna latar: oranye; lebar: 10%; } #kanan { tinggi: 100%; posisi: relatif; lebar: 90%; } #top { warna latar belakang: biru; tinggi: 10%; } #fotos { posisi: relatif; tinggi: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { height: 50%; lebar: 50%; melimpah: otomatis; posisi: mutlak; } #foto_sup_izq, #foto_sup_der { atas: 0; } #foto_sup_der, #foto_inf_der { kiri: 50%; } #foto_inf_izq, #foto_inf_der { atas: 50%; } 
lampiran
Pesan Populer