ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์ProgrammingCSS : ใครพอจะมีวิธีกำหนดให้ความสูงของ DIV เท่าหน้าจอบ้างครับ +1
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: CSS : ใครพอจะมีวิธีกำหนดให้ความสูงของ DIV เท่าหน้าจอบ้างครับ +1  (อ่าน 1007 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
VadiForte
สมุนแก๊งเสียว
*

พลังน้ำใจ: 125
ออฟไลน์ ออฟไลน์

กระทู้: 875



ดูรายละเอียด เว็บไซต์
« เมื่อ: 28 มิถุนายน 2014, 09:52:51 »

ลองทำมาหลายครั้งแล้วครับ แต่ก็ไม่สำเร็จ
คือขั้นแรก ผมทำให้มันแสดงขนาดเท่าความสูงหน้าจอได้ โดยตั้งให้มันเป็น Relative และ top 0 bottom 0

แต่ทีนี้ ปัญหาคือ Div ที่อยู่ด้านล่าง มันดันมากองกัน ทับกันอยู่ด้านบน ผมพยายามทำ Clearfix แล้วยังไงก็ไม่ได้

ใครมีวิธีวานบอกหน่อยนะครับ  wanwan031

ลองดูแบบในเว็บ https://ghost.org ก็ได้ครับ

ประมาณนี้แหละครับ ขอบคุณทุกความเห็นครับ
บันทึกการเข้า

shinrafenr
ก๊วนเสียว
*

พลังน้ำใจ: 17
ออฟไลน์ ออฟไลน์

กระทู้: 308



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 28 มิถุนายน 2014, 09:56:30 »

ลองทำมาหลายครั้งแล้วครับ แต่ก็ไม่สำเร็จ
คือขั้นแรก ผมทำให้มันแสดงขนาดเท่าความสูงหน้าจอได้ โดยตั้งให้มันเป็น Relative และ top 0 bottom 0

แต่ทีนี้ ปัญหาคือ Div ที่อยู่ด้านล่าง มันดันมากองกัน ทับกันอยู่ด้านบน ผมพยายามทำ Clearfix แล้วยังไงก็ไม่ได้

ใครมีวิธีวานบอกหน่อยนะครับ  wanwan031

ลองดูแบบในเว็บ https://ghost.org ก็ได้ครับ

ประมาณนี้แหละครับ ขอบคุณทุกความเห็นครับ

ใช้ jquery เช็คขนาดหน้าจอแล้วใช้ jquery css เซ็ตเอาไม่ได้เหรอคับ ถ้าใช้ css อย่างเดียวไม่ได้
บันทึกการเข้า

อย่าปล่อยให้อดีตทำร้ายปัจจุบัน เพราะวันนึงเราจะพบว่า อดีต ไม่มีวันย้อนกลับมา และปัจจุบันก็ไม่มีอะไรให้จดจำ

ทำความรู้จักกันเพิ่มเติมได้ที่ -->  http://goo.gl/65mD27

รับจ้างเก็บภาพสถานที่ท่องเที่ยวทั่วไทย รับทําเว็บไซต์ ด้วย WordPress ว่างๆผมก็ออกเดินทางท่องเที่ยวทั่วไทย
Jir4yu
สมุนแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 817



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 28 มิถุนายน 2014, 10:52:25 »

แก้ css บรรทัดนึงครับ
เปลี่ยน height: 100vh

สรุปผลการทดลองครับ
บันทึกการเข้า

ติดตามข้อมูลอัพเดทข่าวสารอย่างมือถือ แอป เกม รวมถึงคริปโตได้ที่เว็บไซต์ thetechr.com - ข่าวไอทีใหม่ๆ ไม่พลาดทุกก้าวเทคโนโลยี
VadiForte
สมุนแก๊งเสียว
*

พลังน้ำใจ: 125
ออฟไลน์ ออฟไลน์

กระทู้: 875



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 28 มิถุนายน 2014, 11:18:33 »

แก้ css บรรทัดนึงครับ
เปลี่ยน height: 100vh

สรุปผลการทดลองครับ

โอ้ววว ว้าววว โอ้วววท์ เย๊หหห์ ขอบคุณมากครับ ง่ายๆแค่นี้เองงงง >_<  wanwan017  wanwan017  wanwan017
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์