พิมพ์หน้านี้ - [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?

หัวข้อ: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: xmen256k ที่ 02 สิงหาคม 2013, 20:11:55

(http://upic.me/t/7x/bg-100-bottom.jpg) (http://upic.me/show/46293348)

ตามรูปเลยครับ

อยากให้ขนาดของ background มีความกว้างเท่ากับขนาดของบราวเซอร์

และอยู่ด้านล่างด้วย

ไม่ทราบว่า ทำยังไงได้บ้างครับ

ขอบคุณครับ

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และŪ
เริ่มหัวข้อโดย: max30012540 ที่ 02 สิงหาคม 2013, 20:16:09

โค๊ด:

background-size:cover;

หรือ

โค๊ด:

background-size:100%;

ลองดู 2 อย่างนี้ครับ

แล้วก็

โค๊ด:

background:url(ลิ้งรูป) bottom no-repeat;

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และŪ
เริ่มหัวข้อโดย: xmen256k ที่ 02 สิงหาคม 2013, 20:27:54

อ้างจาก: max30012540 ที่ 02 สิงหาคม 2013, 20:16:09

โค๊ด:

background-size:cover;

หรือ

โค๊ด:

background-size:100%;

ลองดู 2 อย่างนี้ครับ

แล้วก็

โค๊ด:

background:url(ลิ้งรูป) bottom no-repeat;

ยังไม่ได้อ่าครับ ไม่ขึ้นอะไรเลย

แต่ถ้าเปลี่ยนจาก bottom เป็น top มันก็จะโผล่ขึ้นมาแทน -*-

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: max30012540 ที่ 02 สิงหาคม 2013, 20:43:12

ได้ครับ

โค๊ด:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
*{
	background:url(http://a.lnwpic.com/_files/09/4c/sz.png) bottom no-repeat;
	/*background-size:cover;*/
	background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: xmen256k ที่ 02 สิงหาคม 2013, 20:46:17

อ้างจาก: max30012540 ที่ 02 สิงหาคม 2013, 20:43:12

ได้ครับ

โค๊ด:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
*{
	background:url([url]http://a.lnwpic.com/_files/09/4c/sz.png[/url]) bottom no-repeat;
	/*background-size:cover;*/
	background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>

สอบถามหน่อยครับ ทำไมมันถึงโชว์ในลักษณะแบบนี้อ่าครับ

ถ้าไม่ใช่ br มันไม่โชว์ เพราะอะไรเหรอครับ

ขอบคุณครับ

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: max30012540 ที่ 02 สิงหาคม 2013, 20:49:24

อ้างจาก: xmen256k ที่ 02 สิงหาคม 2013, 20:46:17

อ้างจาก: max30012540 ที่ 02 สิงหาคม 2013, 20:43:12

ได้ครับ

โค๊ด:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
*{
	background:url([url]http://a.lnwpic.com/_files/09/4c/sz.png[/url]) bottom no-repeat;
	/*background-size:cover;*/
	background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>

body จะเหมือนกับ Div ละครับ ความยาวจะขึ้นยู่กับเนื้อหา
การใช้ br เยอะๆ ทำให้เหมือนเป็นการสร้างเนื้อหาเว้นบรรทัดเยอะๆครับ จะทำให้รูปภาพขยับลงมาเรื่อยๆ
หากเนื้อหาไม่มี ก็จะไม่แสดง หรือมีน้อย ก็จะแสดงไม่เต็มครับ

ลองค่อยๆลบ br ออกครับ จะทำให้เข้าใจยิ่งขึ้น

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: xmen256k ที่ 02 สิงหาคม 2013, 20:55:25

อ้างจาก: max30012540 ที่ 02 สิงหาคม 2013, 20:49:24

อ้างจาก: xmen256k ที่ 02 สิงหาคม 2013, 20:46:17

อ้างจาก: max30012540 ที่ 02 สิงหาคม 2013, 20:43:12

ได้ครับ

โค๊ด:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
*{
	background:url([url]http://a.lnwpic.com/_files/09/4c/sz.png[/url]) bottom no-repeat;
	/*background-size:cover;*/
	background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>

แต่ว่าตอนใส่ bg ทั่วไปอ่าครับ
มันก็เห็นได้อ่าครับ โดยที่ไม่ต้องใส่ br
แต่ทำไมพอกำหนดให้มันอยู่ด้านล่าง ถึงต้องใส่อ่าครับ

มันเป้น บัค รึป่าวครับ ?

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: gp72343 ที่ 02 สิงหาคม 2013, 21:08:32

ไม่ต้องใส่ <br> ก็ได้นะฮะ แบบนี้

โค๊ด:

body,html{height:100%; padding: 0px; margin: 0px;}

:-*

~~แก้แล้วครับ~~ :wanwan017:

หัวข้อ: Re: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
เริ่มหัวข้อโดย: max30012540 ที่ 02 สิงหาคม 2013, 22:49:41

อ้างจาก: gp72343 ที่ 02 สิงหาคม 2013, 21:08:32

ไม่ต้องใส่ <br> ก็ได้นะฮะ แบบนี้

โค๊ด:

body,html{height:100%; padding: 0px; margin: 0px;}

:-*

พวก body, div ฯลฯ ค่าเริ่มต้นมักจะเป็น 0 นะ เท่าที่ลองสังเกตุดู

ตามนี้ครับ กำหนดขนาดให้มัน

# ค่าเริ่มต้นคือ auto ครับ ไม่ใช่ 0

SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com

ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: xmen256k ที่ 02 สิงหาคม 2013, 20:11:55