พอดี โม them wp แล้วมีปัญหาในหน้า single post ครับ คือ site bar มันหย่อนอยู่ข้างล่าง content มันไม่เรียงต่อจาก content แก้ยังไงครับ เป็นที่อะไรครับ เป็น เฉพาะ IE8 ครับ chome กะ firefox ไม่มีปัญหา มีวิธีแก้ไหมครับ
ปิด Div ครบหรือปล่าวครับ
เช็คแล้วครบหมดครับ น่าจะผิดตรง css ใครเคยเจอปัญหานี้ไหมครับ ทำไม ie มันชอบเถียง browser ตัวอื่นทุกทีเลยนะ
อ้างถึงจาก: xFantasy ใน 27 พฤษภาคม 2011, 09:46:24
เช็คแล้วครบหมดครับ น่าจะผิดตรง css ใครเคยเจอปัญหานี้ไหมครับ ทำไม ie มันชอบเถียง browser ตัวอื่นทุกทีเลยนะ
ไม่มีคำตอบให้ แต่เข้ามาถูกจัยอันข้างบนค่ะ :wanwan021:
ขอดูตัวเว็บหน่อยสิครับ จะได้แก้ถูก
อย่าใช้ margin:; ครับ เพราะ ใน IE มัน จะเอา ค่าที่เรา กำหนดไป *2 โดยอัตโนมัติ ทำให้มันเบี้ยวครับ
อีกสาเหตุนึงก็คือ tag ปิดไม่ครบ ไม่ก็ ไม่ใด้ใช้ float:; อันเดียวกันทั้งหน้าครับ :-[
อ้างถึงจาก: teckth ใน 27 พฤษภาคม 2011, 10:30:55
อย่าใช้ margin:; ครับ เพราะ ใน IE มัน จะเอา ค่าที่เรา กำหนดไป *2 โดยอัตโนมัติ ทำให้มันเบี้ยวครับ
อีกสาเหตุนึงก็คือ tag ปิดไม่ครบ ไม่ก็ ไม่ใด้ใช้ float:; อันเดียวกันทั้งหน้าครับ :-[
ไม่ให้ใช้ margin แล้วใช้อะไรอ่ะครับ
.
.
.
.
.
.
.
.
.
.
.
เอิ๊ก ล้อเล่นค่ะ อย่าเครียดนะค่ะ :wanwan020:
มาดูด้วยครับ
มีปัญหาเฉพาะ IE8 ก็แก้แค่ CSS ให้รองรับ IE8 ก็พอครับครับ
เวลาเรียกใช้เช่น
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="cssie8.css" />
<![endif]-->
จากนั้นก็แก้ที่ css ในไฟล์ด้านบน cssie8.css ให้รองรับ IE8 ได้เลยคัรบ
ไม่เข้าใจถามต่อได้ครับ อาจจะมีปัญหาเรื่อง padding / margin ครับ เพราะ IE รู้สึกว่า 2 ค่านี้จะใหญ่กว่าบราวเซอร์อื่น ๆ
ลองลดขนาด padding / margin ลงดูครับ
html:
<div class="content">
<div class="main">Main</div>
<div class="sidebar">Sidebar</div>
</div>
css:
.content,.main,.sidebar{
display:inline;
float:left;
}
.content{
width:960px;
}
.main{
width:640px;
}
.sidebar{
margin-left:20px;
width:300px;
}
ปกติผมทำประมาณนี้ครับ ไม่ได้ลอง test นะครับเขียนสด ลองดูครับ สู้ๆ
นั่นสิ ถ้าห้ามใช้ Margin แล้วจะต้องใช้อะไรหรอครับ
เห็นด้วยกับการเขียนแฮ็ค IE ครับ ลองทำในเบราเซอร์อื่นก่อน พอมันดีปุ๊บ กลับมาเปิดไออี แล้วเขียน css อีกไฟล์แฮ็คมัน
ผมก็มีปัญหากับมันเหมือนกัน อี ไอ้อี นี่ ไฟฟอก กับ ซาฟารี น่ารักกว่ากันเยอะะะ
เขียนให้รองรับ IE มันไม่ได้เหนื่อยแสนเหนื่อยอย่างที่คิดครับ
หลักๆถ้าเราใช้ clear:both,display:block ให้มันถูกที่ มันช่วยเซฟไปได้เยอะเลยครับ
เขียนบ่อยๆ จะเข้าใจสองคำสั่งนี้ที่ค่อนข้างจำเป็นสำหรับ IE ด้วยครับ
หา css reset มาใช้ครับ
ให้มัน reset ค่า css ก่อน
ลดปัญหา IE ได้มากครับ