Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถาม การปรับความสูงของหน้า เวบ ให้เป็นพอดีกับหน้า 100 % ใช้ Css นะครับ

สอบถาม การปรับความสูงของหน้า เวบ ให้เป็นพอดีกับหน้า 100 % ใช้ Css นะครับ

เริ่มหัวข้อใหม่

tee888tee

โพสกระทู้ ( 38 )
บทความ ( 0 )

ปัญหามีดังนี้ครับ
ผมต้องการให้หน้า เวบมีความสูง 100 % ซึงเหมือนกัน www.google.com ละครับ
แต่เวลาไปปรับตั้งค่าให้เป็น height:100% แล้ว เมื่อข้อมูลไม่เต็มหน้า เนื้อหาของเวบ
ขยับขึ้นมาละครับ

แนะนำวิธีด้วยนะครับ

มี Code css ดังนี้นะครับ

Code (PHP)

body {
	background-color: #CCC;
	color: #fff;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px 0px;
        height:100%;     [color=purple]ตรงนี้ปรับแล้วนะครับ ก็ไม่ได้ ละครับ 
}

#page_top {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height:20px;
	background-color:#FFC;
}
#wrapper {
	width: 812px;
	background-position: 0% 0%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #09C;
	background-repeat: no-repeat;
}
#box_left{
	width:400px;
	height:500px;
	background-color:#9F6;
	float:left;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-right: 5px;
}
#box_right{
	width:400px;
	height:500px;
	background-color:#F6C;
	float:left;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-left: 5px;
}

#footer {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height:20px;
	background-color:#FFC;
	clear: left;
}

ส่วน Code ของ HTML

Code (PHP)

<body>
<div id="page_top"></div>
<div id="wrapper">
              <div id="box_left"></div>
              <div id="box_right"></div>
      </div>
<div id="footer"></div>
</div>
</body>

Tag : PHP, HTML/CSS

Date : 2011-08-11 20:21:02

By : tee888tee

View : 4811

Reply : 2

No. 1

ckcr

โพสกระทู้ ( 316 )
บทความ ( 0 )

bodyตรงนี้ไม่ต้องกำหนด height

แต่ไปใส่ให้ #wrapper กำหนดให้ min-height:...px

แล้วแต่ เอาพอดีหน้าจอ

หน่วย px กำหนด

Date : 2011-08-12 00:11:28

By : ckcr

No. 2

Fog

โพสกระทู้ ( 402 )
บทความ ( 0 )

ตามคุณ ckcr เลยครับ
ใช้การปรับ min-height ครับ

Date : 2011-08-12 01:13:29

By : fogza

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถาม การปรับความสูงของหน้า เวบ ให้เป็นพอดีกับหน้า 100 % ใช้ Css นะครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)