ถามเรื่อง css หน่อยครับ สำหรับเซียน โม wp

xFantasy · 27 พฤษภาคม 2011, 09:32:49

พอดี โม them wp แล้วมีปัญหาในหน้า single post ครับ คือ site bar มันหย่อนอยู่ข้างล่าง content มันไม่เรียงต่อจาก content แก้ยังไงครับ เป็นที่อะไรครับ เป็น เฉพาะ IE8 ครับ chome กะ firefox ไม่มีปัญหา มีวิธีแก้ไหมครับ

Nopzixcros · 27 พฤษภาคม 2011, 09:37:58

ปิด Div ครบหรือปล่าวครับ

xFantasy · 27 พฤษภาคม 2011, 09:46:24

เช็คแล้วครบหมดครับ น่าจะผิดตรง css ใครเคยเจอปัญหานี้ไหมครับ ทำไม ie มันชอบเถียง browser ตัวอื่นทุกทีเลยนะ

Lioneye · 27 พฤษภาคม 2011, 10:16:00

อ้างถึงจาก: xFantasy ใน 27 พฤษภาคม 2011, 09:46:24
เช็คแล้วครบหมดครับ น่าจะผิดตรง css ใครเคยเจอปัญหานี้ไหมครับ ทำไม ie มันชอบเถียง browser ตัวอื่นทุกทีเลยนะ

ไม่มีคำตอบให้ แต่เข้ามาถูกจัยอันข้างบนค่ะ

ru · 27 พฤษภาคม 2011, 10:19:39

ขอดูตัวเว็บหน่อยสิครับ จะได้แก้ถูก

teckth · 27 พฤษภาคม 2011, 10:30:55

อย่าใช้ margin:; ครับ เพราะ ใน IE มัน จะเอา ค่าที่เรา กำหนดไป *2 โดยอัตโนมัติ ทำให้มันเบี้ยวครับ

อีกสาเหตุนึงก็คือ tag ปิดไม่ครบ ไม่ก็ ไม่ใด้ใช้ float:; อันเดียวกันทั้งหน้าครับ

ru · 27 พฤษภาคม 2011, 10:39:49

อ้างถึงจาก: teckth ใน 27 พฤษภาคม 2011, 10:30:55
อย่าใช้ margin:; ครับ เพราะ ใน IE มัน จะเอา ค่าที่เรา กำหนดไป *2 โดยอัตโนมัติ ทำให้มันเบี้ยวครับ

อีกสาเหตุนึงก็คือ tag ปิดไม่ครบ ไม่ก็ ไม่ใด้ใช้ float:; อันเดียวกันทั้งหน้าครับ

ไม่ให้ใช้ margin แล้วใช้อะไรอ่ะครับ

Lioneye · 27 พฤษภาคม 2011, 10:50:37

 
.
.
.
.
.
.
.
.
.
.
.
เอิ๊ก ล้อเล่นค่ะ อย่าเครียดนะค่ะ

winbbk · 27 พฤษภาคม 2011, 11:11:18

มาดูด้วยครับ

thaiz · 27 พฤษภาคม 2011, 11:16:17

มีปัญหาเฉพาะ 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 ลงดูครับ

doopro · 27 พฤษภาคม 2011, 11:48:52

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 นะครับเขียนสด ลองดูครับ สู้ๆ

kekitozz · 27 พฤษภาคม 2011, 15:19:02

นั่นสิ ถ้าห้ามใช้ Margin แล้วจะต้องใช้อะไรหรอครับ

kenessar · 28 พฤษภาคม 2011, 19:14:07

เห็นด้วยกับการเขียนแฮ็ค IE ครับ ลองทำในเบราเซอร์อื่นก่อน พอมันดีปุ๊บ กลับมาเปิดไออี แล้วเขียน css อีกไฟล์แฮ็คมัน

wanutsara · 28 พฤษภาคม 2011, 19:30:31

ผมก็มีปัญหากับมันเหมือนกัน อี ไอ้อี นี่ ไฟฟอก กับ ซาฟารี น่ารักกว่ากันเยอะะะ

ru · 28 พฤษภาคม 2011, 19:33:49

เขียนให้รองรับ IE มันไม่ได้เหนื่อยแสนเหนื่อยอย่างที่คิดครับ
หลักๆถ้าเราใช้ clear:both,display:block ให้มันถูกที่ มันช่วยเซฟไปได้เยอะเลยครับ
เขียนบ่อยๆ จะเข้าใจสองคำสั่งนี้ที่ค่อนข้างจำเป็นสำหรับ IE ด้วยครับ

Taurusz · 28 พฤษภาคม 2011, 19:55:29

หา css reset มาใช้ครับ
ให้มัน reset ค่า css ก่อน
ลดปัญหา IE ได้มากครับ