ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: VadiForte ที่ 28 มิถุนายน 2014, 09:52:51



หัวข้อ: CSS : ใครพอจะมีวิธีกำหนดให้ความสูงของ DIV เท่าหน้าจอบ้างครับ +1
เริ่มหัวข้อโดย: VadiForte ที่ 28 มิถุนายน 2014, 09:52:51
ลองทำมาหลายครั้งแล้วครับ แต่ก็ไม่สำเร็จ
คือขั้นแรก ผมทำให้มันแสดงขนาดเท่าความสูงหน้าจอได้ โดยตั้งให้มันเป็น Relative และ top 0 bottom 0

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

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

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

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


หัวข้อ: Re: CSS : ใครพอจะมีวิธีกำหนดให้ความสูงของ DIV เท่าหน้าจอบ้างครับ +1
เริ่มหัวข้อโดย: shinrafenr ที่ 28 มิถุนายน 2014, 09:56:30
ลองทำมาหลายครั้งแล้วครับ แต่ก็ไม่สำเร็จ
คือขั้นแรก ผมทำให้มันแสดงขนาดเท่าความสูงหน้าจอได้ โดยตั้งให้มันเป็น Relative และ top 0 bottom 0

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

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

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

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

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


หัวข้อ: Re: CSS : ใครพอจะมีวิธีกำหนดให้ความสูงของ DIV เท่าหน้าจอบ้างครับ +1
เริ่มหัวข้อโดย: Jir4yu ที่ 28 มิถุนายน 2014, 10:52:25
แก้ css บรรทัดนึงครับ
เปลี่ยน height: 100vh

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


หัวข้อ: Re: CSS : ใครพอจะมีวิธีกำหนดให้ความสูงของ DIV เท่าหน้าจอบ้างครับ +1
เริ่มหัวข้อโดย: VadiForte ที่ 28 มิถุนายน 2014, 11:18:33
แก้ css บรรทัดนึงครับ
เปลี่ยน height: 100vh

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

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