Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > อยากทราบเรื่องการจัดรูปแบบ Css Position ใน IE อะครับ



 

อยากทราบเรื่องการจัดรูปแบบ Css Position ใน IE อะครับ

 



Topic : 077811



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



สถานะออฟไลน์
Facebook



เว็บนี้ที่ผมทำ http://www.limpanitivat.comli.com/shirt/ ติดเรื่องที่ IE ไม่ยอมอ่านการจัดตำแหน่ง ตัวเสื้อไม่ยอมประกอบกันอะครับ ใครพอทราบช่วนตอบหน่อยครับ หมดปัญญาแล้ว Firefox , Chome , Safari ตัวเสื้อประกอบกัน แต่ IE ไม่ยอมประกอบ มีโค๊ดให้ดูครับ

index
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="StyleSheet/main.in.css" rel="stylesheet" type="text/css">
<link href="StyleSheet/Shirt.in.css" rel="stylesheet" type="text/css">
<script src="JavaScript/jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
/* Menu */
	$(document).ready(function(menu) {
        
		//alert ("menu");
		
		$("#Fabic").click(function(e) {
			alert ("Click Menu 1");
			return 0;
		});
		
		$("#Style").click(function(e) {
			alert ("Click Menu 2");
			return 0;
		});
		
		$("#Details").click(function(e) {
			alert ("Click Menu 3");
			return 0;
		});
		
		$("#Extra").click(function(e) {
			alert ("Click Menu 4");
			return 0;
		});
		
		$("#Measurement").click(function(e) {
			alert ("Click Menu 5");
			return 0;
		});

    });

/* Align List */
	$(document).ready(function(alignlist) {
		
		//alert ("alignlist");
		
		$("div #alis1").click(function(j) {
			alert ("Click Angle");
			return 0;
		});
		
		$("div #alis2").click(function(j) {
			alert ("Click Front");
			return 0;
		});
		
		$("div #alis3").click(function(j) {
			alert ("Click Back");
			return 0;
		});
		
		$("div #alis4").click(function(j) {
			alert ("Click Left");
			return 0;
		});
		
		$("div #alis5").click(function(j) {
			alert ("Click Right");
			return 0;
		});
		
    });
	
</script>
</head>

<body><center>
<table width="1024" border="0"cellpadding="3" id="tbtop">
  <tr>
    <td width="294" align="left" valign="top">
    	<menu>
        <h1>
        	<ul>
                <li id="Fabic">Fabic</li>
                <li id="Style">Style</li>
                <li id="Details">Details</li>
                <li id="Extra">Extra</li>
                <li id="Measurement">Measurement</li>
        	</ul>
        </h1>
        </menu>
    </td>
    <td width="706" valign="top">
    <div id="detail">
    	<div id="alignlist">
        	<ul>
            	<li id="alis1">ANGLE</li>
                <li id="alis2">FRONT</li>
                <li id="alis3">BACK</li>
                <li id="alis4">LEFT</li>
                <li id="alis5">RIGHT</li>
            </ul>
        </div>
        
        <div id="Angle">
        
        	<div id="Abody">
           	  	<img src="Angle_shirt_1/Angle_shirt_Body_1_2.png" width="438" height="700">
            <div>
            
        	<div id="Abutton">
           	  	<img src="Angle_shirt_1/Angle_shirt_Buttons_1.png" width="44" height="606">
            </div>
            
        	<div id="Ancek">
            	<img src="Angle_shirt_1/Angle_shirt_Neck_1.png" width="165" height="121" >
            </div>
            
            <div id="Aarm_left1">
           	  	<img src="Angle_shirt_1/Angle_shirt_Arm_Right_1_1.png" width="137" height="435" >
            </div>
            
            <div id="Aarm_left2">
			  	<img src="Angle_shirt_1/Angle_shirt_Arm_Right_1_2.png" width="70" height="81" >
            </div>
            
            <div id="Aarm_right1">
              	<img src="Angle_shirt_1/Angle_shirt_Arm_Left_1_1.png" width="249" height="468">
			</div>
            
            <div id="Aarm_right2">
              	<img src="Angle_shirt_1/Angle_shirt_Arm_Left_1_2.png" width="103" height="105">
			</div>
            
        </div>
        
        <div id="">
        	<h1>&nbsp;</h1>
        	
        </div>
	</div>
    </td>
  </tr>
</table>
</center>
</body>
</html>


main.in.css
@charset "UTF-8";
/* CSS Document */

*{ margin:0px; padding:0px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}

h1 { font-size:24px }

menu li
{
	margin:3px;
	padding:3px;
	padding-left:10px;
	list-style:none;
	border-bottom:1px inset #000;
}

#detail
{
	/*Chome & Safari*/
	display:-webkit-box;
	-webkit-box-orient:horizentro;
	
	/*Firefox*/
	display:-moz-box;
	-moz-box-orient:horizentro;
	
	/*Other*/
	display:box;
	box-orient:horizontal;
	
	height:800px;
}

#alignlist
{
	margin:3px;
	padding:3px;
	width:150px;
}

#alignlist li
{
	list-style: none;
	margin:5px;
	padding:5px;
	border:#CCCCCC solid 1px;
	background-color:#CCCCCC;
	width:100px;
	text-align:center;
	z-index:1;
}

#body
{
	margin:3px;
	padding:3px;
}


Shirt.in.css
@charset "UTF-8";
/* CSS Document */

#Abody
{
	position:relative;
	top:10em;
	z-index:0;
}

#Ancek
{
	position:absolute;
	top:-2.7em;
	left:9.58em;
	z-index:1;
}

#Abutton
{
	position:absolute;
	top:3em;
	left:10.9em;
	z-index:2;
}

#Aarm_left1
{
	position:absolute;
	top:7em;
	left:-5.2em;
	z-index:3;
}

#Aarm_left2
{
	position:relative;
	top:-13.9em;
	left:-5.25em;
	z-index:4;
}

#Aarm_right1
{
	position:absolute;
	top:5.9em;
	right:-6.7em;
	z-index:5;
}

#Aarm_right2
{
	position:absolute;
	top:33.7em;
	right:8.15em;
	z-index:6;
}




Tag : PHP, HTML/CSS







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-05-01 11:06:56 By : thethaicom View : 1205 Reply : 4
 

 

No. 1



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



สถานะออฟไลน์
Facebook

รอคอยการมาของคำตอบ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-01 12:39:36 By : thethaicom
 


 

No. 2



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



สถานะออฟไลน์


ลองกำหนด width ให้ #angle ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-02 11:53:55 By : thailandonlyjob
 

 

No. 3



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



สถานะออฟไลน์
Facebook

ลองแล้วครับ ไม่ได้เช่นกันครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-02 20:40:34 By : thethaicom
 


 

No. 4



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



สถานะออฟไลน์
Facebook

แก้ได้แล้วครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-08 08:16:47 By : thethaicom
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากทราบเรื่องการจัดรูปแบบ Css Position ใน IE อะครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่