|
|
|
ทำไมใช้ div แล้วการแสดงผลของ ie6 ถึงแสดงผลแปลกๆ ค๊ะ คือเขียน ควบคุมไม่ดีหรือเปล่า รบกวนช่วยเข้ามาดู ผลที่เกิดหน่อยน๊าคะ หาวิธีแก้มาหลายวันแล้ว ทำไม่ได้อ่าคะ |
|
|
|
|
|
|
|
กำหนด css อย่างไรครับ flont: เป็นอะไรบ้าง
|
|
|
|
|
Date :
2010-11-08 14:22:41 |
By :
ผู้ผ่านมา |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
#leftmenu{float: left; width: 210px; height: 725px; background: #f3f3f3;} //ส่่วนสีเทาด้านซ้าย
#rightcontent{float: left; width: 200px;} //ส่วนสีขาวด้านขวา (จะเอาข้อความมาอยู่ในส่วนนี้คะ)
#headmenu { //ส่วนแถบเมนูสีดำคะ
float: left;
width: 100%;
height: 30px;
background: #333333;
}
#footer{background: #333333; height: 24px;} // ส่วนแถบด้านล่าง
#header{background: url('../images/bg/bg_whitegrey.jpg'); height: 71px;} // ส่วนด้านบนสุดเลย
#header,#frame,#footer{clear: both; margin: 0 auto; width: 100%; }
|
|
|
|
|
Date :
2010-11-08 14:50:23 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ช่วยหนูด้วยค๊า
|
|
|
|
|
Date :
2010-11-08 16:08:24 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดู อาจจะมี ปรับนิดหน่อยนะ อิอิ
body{
margin:0px;
padding:0px;
text-align:center; /* กันเหนียวให้ IE กึี่งกลาง */
}
#wrapper{
/* ตัวครอบทั้งหมด */
width:980px;
margin:0 auto;
padding:0 auto;
text-align:left;
}
#header{
width:100%;
margin:0px;
padding:0px;
float:left;
background: url('../images/bg/bg_whitegrey.jpg');
height: 71px;
}
#headmenu {
float: left;
width: 100%;
height: 30px;
background: #333333;
margin:0px;
padding:0px;
}
#leftmenu{
float: left;
width: 210px;
background: #f3f3f3;
margin:0px;
padding:0px;
} //ส่่วนสีเทาด้านซ้าย
#rightcontent{
float:right;
min-width:700px;
margin:0px;
padding:0px;
background:#FFF;
}
#footer{
clear:both;
margin:0 auto;
padding:0 auto;
width:980px;
text-align:left;
background: #333333;
height: 24px;
}
// วิธีใช้
<body>
<div id="wrapper">
<div id="header"></div>
<div id="headmenu"></div>
<div id="leftmenu"></div>
<div id="rightcontent"></div>
</div>
<div id="footer"></div>
</body>
ลองดู
[php]
|
|
|
|
|
Date :
2010-11-08 16:18:37 |
By :
kalamell |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณมากๆ เลยคะ
จะลองไปทำดูนะคะ
|
|
|
|
|
Date :
2010-11-08 16:20:47 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไม่ได้ อะคะ ข้อความ ก็ หล่นมาอยู่ข้างล่างเหมือนเดิม - -
|
|
|
|
|
Date :
2010-11-08 16:43:37 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ทำยังไงกับ IE 6 ดีอะ งือๆๆๆ เซ็งเหลือเกิน
|
|
|
|
|
Date :
2010-11-09 15:43:02 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เผื่อมีคนใจดีมาตอบให้
|
|
|
|
|
Date :
2010-11-10 14:19:01 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html structure ล่ะ
|
|
|
|
|
Date :
2010-11-10 14:24:24 |
By :
pjgunner.com |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<div id="header"><?php include(INCLUDE_PATH."topPage.php"); ?>
</div>
<div id="headmenu"><?php include(INCLUDE_PATH."topMenu.php"); ?></div>
<div id="leftmenu"><?php include(INCLUDE_PATH."leftMenu.php"); ?></div>
<div id="rightcontent">
<!------------START INFORMATION----------->
<!----------END INFORMATION----------------->
</div>
</div>
<div id="footer">clear:both</div>
อันนี้ค๊า
|
ประวัติการแก้ไข 2010-11-10 14:28:16
|
|
|
|
Date :
2010-11-10 14:26:24 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<style>
body{
margin:0px;
padding:0px;
text-align:center; /* กันเหนียวให้ IE กึี่งกลาง */
}
#wrapper{
/* ตัวครอบทั้งหมด */
margin:0 auto;
padding:0 auto;
text-align:left;
}
#header{
width:100%;
margin:0px;
padding:0px;
float:left;
background: url('../images/bg/bg_whitegrey.jpg');
height: 71px;
}
#headmenu {
float: left;
width: 100%;
height: 30px;
background: #333333;
margin:0px;
padding:0px;
}
#leftmenu{
float: left;
width: 210px;
background: #f3f3f3;
margin:0px;
padding:0px;
} //ส่่วนสีเทาด้านซ้าย
#rightcontent{
float:right;
min-width:700px;
margin:0px;
padding:0px;
background:#FFF;
}
#footer{
clear:both;
margin:0 auto;
padding:0 auto;
text-align:left;
background: #333333;
height: 24px;
}
</style>
// วิธีใช้
<body>
<div id="wrapper">
<div id="header"></div>
<div id="headmenu"></div>
<div id="leftmenu"></div>
<div id="rightcontent"></div>
</div>
<div id="footer"></div>
</body>
ลองแบบนี้ดูครับ ผมว่า น่าจะมาจาก คุณไปกำหนดความยาวของกรอบนอก
พอด้านในมีข้อมูลเยอะ มันล้นกรอบทำให้ต้องไปเบียดด้านซ้ายน่ะครับ
ลองเอา Width ของด้านบน + footer ออกก่อน
|
|
|
|
|
Date :
2010-11-10 14:36:08 |
By :
adaaugusta |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลอง ครอบ ด้วย div ธรรมดา
<div style="clear: both">
<div id="leftmenu"></div>
<div id="rightcontent"></div>
</div>
|
|
|
|
|
Date :
2010-11-10 14:36:20 |
By :
pjgunner.com |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ที่ว่าไป เบียดด้านซ้ายอะ กรณีเราเปลี่ยนมาใช้ table แล้วนะคะ
แต่ตอนใช้ div มัีนไม่เบียดคะ แต่มัน ด้านหล่นมาข้างล่างแทนอะ
งงๆมากๆๆ
|
|
|
|
|
Date :
2010-11-10 14:43:28 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คับ ให้มองเป็น block
ในกรณีนี้อาจเป็นเพราะ คุณลืม clear (แนวตั้ง)
แยกแนวตั้ง (แถว) และแนวนอน (คอลั่มน์)
จากด้านบน สังเกตุได้จาก .headmenu มัน ไม่ได้ถูก clear
|
|
|
|
|
Date :
2010-11-10 14:50:33 |
By :
pjgunner.com |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
พี่กะล่อนคะ
หนูลองแล้วนะ เอาโค้ดพี่ไปลองเลย ปรากฎว่า ก้ยังหล่นเหมือนเดิมคะ
Code (PHP)
<style>
body{
margin:0px;
padding:0px;
text-align:center;
}
#wrapper{
margin:0 auto;
padding:0 auto;
text-align:left;
}
#header{
width:100%;
margin:0px;
padding:0px;
float:left;
background: url('../images/bg/bg_whitegrey.jpg');
height: 71px;
}
#headmenu {
float: left;
width: 100%;
height: 30px;
background: #333333;
margin:0px;
padding:0px;
}
#leftmenu{
float: left;
width: 210px;
background: #f3f3f3;
margin:0px;
padding:0px;
}
#rightcontent{
float:right;
min-width:700px;
margin:0px;
padding:0px;
background:#FFF;
}
#footer{
clear:both;
margin:0 auto;
padding:0 auto;
text-align:left;
background: #333333;
height: 24px;
}
</style>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="headmenu"></div>
<div id="leftmenu"></div>
<div id="rightcontent">
<table border=1>
<tr>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
</tr>
</table>
</div>
</div>
<div id="footer"></div>
</body>
|
|
|
|
|
Date :
2010-11-12 13:55:34 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รอคนใจดีมาตอบ
|
|
|
|
|
Date :
2010-11-12 14:04:53 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
สงสัยจะ fix ไม่ได้แน่เลย คงต้องเปลี่ยนจากการทำเปน div เป็น table ใช่ไหมคะเนี่ย
แต่ table 1 ก็มีปัญหา ไปย่อ field ด้านซ้ายอีก เง้ออออออออออออออออ
|
|
|
|
|
Date :
2010-11-12 14:30:34 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เหอๆ เอาโค้ด html มาสิครับเอาโค้ดครึ่งๆ กลางๆเอาโค้ด php มาจะเอาไปทดสอบแก้ไขได้ไง...
|
|
|
|
|
Date :
2010-11-12 14:39:47 |
By :
:) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คห 16 คะ โค้ด รัน เลย
|
|
|
|
|
Date :
2010-11-12 15:22:48 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<font class="detailDesc"><font class="css_code"><style>
body{
margin:0px;
padding:0px;
text-align:center;
}
#wrapper{
margin:0 auto;
padding:0 auto;
text-align:left;
}
#header{
width:100%;
margin:0px;
padding:0px;
float:left;
background: url('../images/bg/bg_whitegrey.jpg');
height: 71px;
}
#headmenu {
float: left;
width: 100%;
height: 30px;
background: #333333;
margin:0px;
padding:0px;
}
#leftmenu{
float: left;
width: 210px;
background: #f3f3f3;
margin:0px;
padding:0px;
height: 100px;
}
#rightcontent{
float:right;
min-width:700px;
margin:0px;
padding:0px;
background:#FFF;
}
#footer{
clear:both;
margin:0 auto;
padding:0 auto;
text-align:left;
background: #333333;
height: 24px;
}
</style>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="headmenu"></div>
<div id="leftmenu"></div>
<div id="rightcontent">
<table border=1>
<tr>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
</tr>
</table>
</div>
</div>
<div id="footer"></div>
</body>
</font></font>
เอา Code นี้ไปรันดูนะคะ
|
|
|
|
|
Date :
2010-11-12 16:25:56 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ฮ่าๆๆ ท่าจะยาก เอางี้ๆๆ ลองใส่ แบบนี้ดูนะครับ
*{ margin:0; padding:0; }
เป็นการเซตให้ ทั้งหมดทั้งหน้าไม่มี margin , padding แล้วทีนี้อยากให้อะไรห่างเท่าไหร่ค่อยกำหนดเอา ส่วน Code เดี๋ยวผมขอเทสก่อน สักครู่จะมาตอบนะครับ
|
|
|
|
|
Date :
2010-11-12 16:34:58 |
By :
adaaugusta |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณมากมากคะ
นั่ง ปวดหัวกะอันนี้มาหลายวันมากแร้วอะ
จะข้ามไปทำอย่างอื่นก็ ขัดใจมาก
|
|
|
|
|
Date :
2010-11-12 16:36:11 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอนนี้กำลังเปลี่ยนไปใช้เป็น Frame
แต่ ไม่รู้จะใ้ช้อะไรดีแล้วอะ
Table
Frame
Div
~><~
|
|
|
|
|
Date :
2010-11-12 16:37:30 |
By :
unzeen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<font class="detailDesc"><font class="css_code"><style>
*{ margin:0px; padding:0px; }
body{ margin:0px; padding:0px; text-align:center; }
#header{
width:100%;
margin:0px;
padding:0px;
float:left;
background: url('../images/bg/bg_whitegrey.jpg');
height: 71px;
}
#headmenu {
float: left;
width: 100%;
height: 30px;
background: #333333;
margin:0px;
padding:0px;
}
/* Contents Center */
#leftmenu{ display:inline; width:210px; height:100px; background:#f3f3f3; float:left; }
#rightcontent{ display:inline; width:210px; background:#fff; float:left; }
#footer{
clear:both;
margin:0 auto;
padding:0 auto;
text-align:left;
background: #333333;
height: 24px;
}
</style>
<body>
<div id="wrapper">
<div id="header">Header</div>
<div id="headmenu">Header Menu</div>
<ul>
<li id="leftmenu">sdaf</li>
<li id="rightcontent">
<table border=1>
<tr>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
<td>
FieldTest
</td>
</tr>
</table>
</li>
</ul>
</div>
<div id="footer"></div>
</body>
</font></font>
แบบนี้รึเปล่าที่ต้องการ
|
|
|
|
|
Date :
2010-11-12 16:58:07 |
By :
adaaugusta |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
No อย่าใช้ Frame
|
|
|
|
|
Date :
2010-11-12 17:03:54 |
By :
PlaKriM |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|