Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถามพี่ๆหน่อยครับ เกี่ยวกับ DIV การแสดงผลหน้าเว็บมันเพี้ยนครับ

สอบถามพี่ๆหน่อยครับ เกี่ยวกับ DIV การแสดงผลหน้าเว็บมันเพี้ยนครับ

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

m0w

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

อยากรบกวนถามพี่ๆหน่อยนะครับ ว่าทำไมการแสดงผล ในคอม กับ มือถือ เทมเพลตมันไม่เท่ากัน
Code ตัวอย่างครับ

<!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" />
<link type="text/css" href="css/jquery-ui-1.8.2.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.lightbox.js"></script>  
<script type="text/javascript" src="js/booking.js"></script>  
<title>Sira Boutique Residence Phuket</title>
<style type="text/css">
<!--

#apDiv1 {
	position:absolute;
	left:50%;
	margin-left: -600px;
	top:0px;
	width:1200px;
	height:128px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:50%;
	margin-left: -600px;
	top:0px;
	width:1200px;
	height:128px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:50%;
	margin-left: -550px;
	top:163px;
	width:180px;
	height:153px;
	z-index:3;
}
.style1 {color: #F4F4F4}
.style2 {color: #000000}
.style3 {
	font-family: tahoma;
	font-weight: bold;
}
#apDiv4 {
	position:absolute;
	left:50%;
	margin-left: -558px;
	top:375px;
	width:180px;
	height:147px;
	z-index:4;
}
#apDiv5 {
	position:absolute;
	left:60px;
	top:780px;
	left:50%;
	margin-left: -600px;
	width:1200px;
	z-index:5;
}
-->
</style>
</head>

<body>
<div id="apDiv1">  <iframe src="banner/index.php" width="100%" height="767" scrolling="No" frameborder="0"></iframe>
</div>
<div id="apDiv2"><img src="tm.png" width="100%" height="767" /></div>
<div id="apDiv3">  
  <form name="form1" method="post" action="booking/booking_en.php">
<span class="style1 style2"></span>
<table width="100%" border="0" align="center" cellpadding=2
cellspacing=2 style="FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif">
            <!--DWLayoutTable-->
<tbody>
              <tr>
                <td height="18" colspan="2" class="style1 style2" ><span class="style3">Date Check-in </span></td>
              </tr>
              <tr>
                <td width="102" height="29" class="style1 style2" ><span class="textwhile">
                <input type="text" id="chk_in_date" name="chk_in_date" readonly="readonly" size="17" />
                </span></td>
                <td width="50" height="29" class="style1 style2" ><img src="cal.png" width="19" height="19"></td>
        </tr>
              <tr>
                <td height="18" colspan="2" class="style1 style2" ><span class="textbook style2 style3">Date Check-out</span></td>
              </tr>
              <tr>
                <td height="29" class="style1 style2" ><span class="textwhile">
                  <input type="text" id="chk_out_date" name="chk_out_date" readonly="readonly" size="17" />
                </span></td>
                <td height="29" class="style1 style2" ><img src="cal.png" width="19" height="19"></td>
              </tr>
              <tr>
                <td height="29" colspan="2" class="style1 style2" >
                <input name="button" type="image" id="button"value="booking" src="booking.png"></td>
        </tr>
      </tbody>
    </table>
</form></div>
<div id="apDiv4"><a href="https://www.google.com/maps/d/edit?mid=z6rf-QKKL9wI.k2lBCu4SJmH0&amp;authuser=0&amp;hl=en" target="_blank"><img src="map.png" width="100%" height="150" border="0" /></a></div>
<div id="apDiv5">
  <?php include("home.html"); ?></div>
</body>
</html>

---------------------------------------------------------------------------------------------------------------------------------------
เปิดเวบในมือถือหรือแทปเลดมันไม่เต็มครับ แต่ในคอมปกติครับ

เว็บที่ทดสอบ www.siragrandhotel.com/web1/ รบกวนพี่ๆช่วยดูและแนะนำด้วยสิครับว่าทำไงถึงจะแสดงผลเหมือนกัน

ขอบคุณมากกครับบบ

Tag : PHP, HTML/CSS, JavaScript, jQuery

ประวัติการแก้ไข
2015-01-16 20:12:25
2015-01-16 20:13:42
2015-01-16 20:15:42

Date : 2015-01-16 20:11:22

By : m0w

View : 935

Reply : 2

No. 1

meannerss

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

width:1200px; มันเยอะเกินไปครับ......... จากที่เคยทำมา มาตรฐานipad iphone อยู่ที่ 940-960 px กำลังงามครับ... เกินนี้จับแนวตั้งหลุดขอบ แนวนอนต้องบีบเข้าก่อนถึงจะเต็ม ส่วนแอนดรอยอันนี้ไม่ทราบครับเพราะมันหลายรุ่น

ปล.เข้าไปดูแล้วสวยดีครับ เว็บขายบ้าน/เช่าโรงแรม ผมแนะนำseartch หาพวก hotel wordpress theme เลยครับง่ายสะดวกรวดเร็ว SEO คล่อง จะได้มีเวลาไปทำตลาดหาแบล็กลิ้งค์ อย่าลืมว่าการแข่งขันมันสูงมาก ต้องอัด keyword กันทั้งวันทั้งคืน ผมเคยทำแล้ว และยอมแพ้เรียบร้อย ลาก่อนบ้านและโรงแรม ขอให้โชคดีครับ 5 5 5

ประวัติการแก้ไข
2015-01-16 22:03:03

Date : 2015-01-16 21:57:40

By : meannerss

No. 2

m0w

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

ขอบคุณมากครับ ผมจะปรับเว็บใหม่ทั้งหมดเลยครับ

Date : 2015-01-16 23:36:15

By : m0w

ค้นหาข้อมูล

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

Re : สอบถามพี่ๆหน่อยครับ เกี่ยวกับ DIV การแสดงผลหน้าเว็บมันเพี้ยนครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Load balance : Server 01