ถ้าใครที่เคยเข้าไปดูบล๊อกของคนอื่น ๆ ด้วย Internet Explorer ก็จะพบว่า บางบล๊อกนั้น การจัดหน้าเสียไป ไม่เหมือนดูใน Firefox ดังนั้น ผมจึงอยากให้ทุกคนหันมาใช้ Firefox ครับ จบข่าว

 

.... ...

 

อ่ะ ล้อเล่น!!!! ถึงแม้เราจะตัดปัญหาด้วยการใช้ Firefox อยู่คนเดียว แต่ชาวบ้านชาวช่องเค้าใช้กันทุกคนเสียเมื่อไหร่ล่ะครับ ดังนั้น ถ้าเราซีเรียสกับบล๊อกของเรา เราก็ต้องเอาใจ Browser ค่ายหลักเค้าหน่อย เพราะอย่าลืมนะครับ ว่าคนที่เค้าไม่ใช่เซีัยนเน็ตตัวจริง ที่ลง Firefox นั้น ไม่ได้มีกันทุกคน

ดังนั้น ถ้าอยากจะให้บล๊อกเราดูดี และคนอยากกลับมาเข้าบล๊อกเราอีก ก็ต้องจัดการหน้าเพจให้ดูดีเข้าไว้ครับ และวันนี้ผมจึงได้นำวิธีการปรับแก้ CSS มาแนะนำกัน ว่าทำอย่างไร จึงจะดูดีได้ทั้ง 2 Browser ไม่ใช่ว่า ดูใน IE ดี แล้วดูใน Firefox ทุเรศเลย แบบนี้ไม่เอาครับ ไม่โปรเอาซะเลย

ก่อนอื่นผมต้องชี้ให้เห็นปัญหาใน IE ซะก่อน ว่า มันแสดงผลไม่สวยอย่างไร อย่างแรกเลย คือ รูป Avatar หรือ Display ของเรา ซึ่งมันจะไปเบียดเอาข้อความด้านล่าง แบบนี้

ส่วน Firefox ก็ไม่น้อยหน้า ถ้าเราไม่ได้เซ็ทขนาดรูปไว้ที่ 64 px ข้อความก็จะมากระจุกอยู่ที่ข้างขวาของรูป แต่ถ้าเซ็ทไว้ที่ 64 px แล้ว ก็แล้วไป งานนี้รอดตัว

อย่างที่ 2 อันนี้เป็นเฉพาะ IE และจะเกิดขึ้นก็ต่อเมื่อ คุณได้ไปเอา float:left; ออกจาก .entry .post{ }เพราะว่าต้องการให้ Objects ต่าง ๆ เช่น รูปภาพ , แฟลช , ข้อความ แสดงอยู่ในตำแหน่งที่เรากำหนด ไม่ไปอยู่ทางซ้ายหมด เหมือนที่ผมเคยแนะนำไปใน เอนทรี่นี้ ซึ่งถ้าใครไม่ได้ไปยุ่งอะไรกับมัน มันก็จะแสดงผลได้ถูกต้องครับ

ซึ่งทั้งสองปัญหานี้ ก็เป็นปัญหามาจากโค้ด CSS ในธีมเวอร์ชั่นใหม่นั่นเองครับ โดยเราสามารถเข้่าไปแก้ไขได้ โดยเข้าไปที่ Theme> CSS Editor ในกรณีที่ต้องการแก้ไข ธีมปัจจุบันที่ใช้อยู่ หรือจะคลิ๊กที่ปุ่ม ก็ได้ หากธีมนั้น เคยมีการปรับแก้แล้ว หรือถ้าเป็นธีมที่ไม่ได้ใช้งานอยู่ ก็จะต้องคลิ๊กปุ่ม ก่อน แล้วจึงเลือก CSS Editor

ผมจะเริ่มจากการแก้ปัญหาตรงรูป Display ก่อนนะครับ เริ่มแรกให้เรามองหา โค้ดตามรูปนี้ครับ แล้วก็ลบมันเลยครับ ส่วน margin-right นั้น ลดเหลือ 5 px ก็พอครับ


ส่วนโค้ดตรงนี้นะครับ ลบแล้วต้องเพิ่ม โค้ดเข้าไปตามรูปครับ

เพียงเท่านี้ ก็จะไม่ีมีข้อความจากบรรทัดล่าง มาติดทางด้านขวาของรูปเราแล้วล่ะครับ

ส่วนปัญหาที่ 2 เราต้องเข้าไปลบโค้ด ตามรูปข้างล่างนี้ครับ อันนี้แก้แค่ที่เดียวเท่านั้นเอง เป็นอันเสร็จ

ทีนี้เรามาดูการแสดงผลใน IE กันครับ เป็นงัยครับ ถูกต้องแล้วใช่มั๊ยครับ ง่าย ๆ เท่านี้เองล่ะ ลองทำตามกันดูนะครับ ส่วนใน Firefox นั้นไม่ต้องเป็นห่วงครับ ถูกต้องแน่นอน

อ่านมาถึงตรงนี้แล้ว ใครที่ยังอึ้งกิมกี่อยู่ ผมขอเสนอวิธีง่าย ๆ ครับ โดยให้คุณ คลิ๊กที่นี่ เพื่อเปิดหน้าใหม่ เมื่อหน้าใหม่โหลดเสร็จแล้ว ให้คุณกด Ctrl+A แล้วตามด้วย Crtl+C จากนั้นก็ไปที่หน้า Theme> CSS Editor กด Ctrl+A แล้วตามด้วย Crtl+V จากนั้นกดปุ่ม save เท่านี้เป็นอันจบ แต่มีข้อแม้ว่า คุณต้องเปลี่ยน Sidebar มาเป็น Sidebar2 ตามกระทู้นี้ก่อนนะครับ

ป.ล. สุดท้ายนี้ ผมขอเชิญชวน คุณ ๆ มาใช้ Firefox กันเถอะครับ เหตุผลก็เพราะว่า เวลาแก้ธีมด้วย CSS Editor มันลำบากมากเลยครับ เจอทั้งปัญหา IE เพิ่มบรรทัดว่าง ๆ เข้ามาให้โดยไม่มีสาเหตุ ตอนกด paste และ save อีกทั้งเวลาเราเปลี่ยนหน้าไปหน้าอื่น พอกลับมาหน้าเดิม มันดันเด้งไปอยู่บรรทัดแรกอีก ใครที่เคยแก้ CSS ใน IE แล้ว คงจะรู้ซึ้งถึงความน่ารำคาญอันนี้ดีครับ (อยากใช้ Firefox แล้ว คลิ๊กที่รูปเพื่อดาวน์โหลดเลยครับ)

ป.ล.2 ผมเดาว่า90% ของผู้ชายจะต้องคลิ๊กที่นมเป็นแน่แท้ อิอิ (สารภาพมาซะดี ๆ เมื่อกี๊ใครคลิ๊กที่นม)

 

Comment

Comment:

Tweet

cool

#196 By sthepakul on 2016-04-25 03:56

cool

#195 By sthepakul on 2016-04-25 03:46

ขอบคุณมากค่ะ m(_ _)m

หายรำคาญตัวหนังสือซ้อนทับรูปโปรไฟล์ซักที
แต่ไม่รู้ด้วยความเซ่อหรือไร
แก้ไขรูปแบ็กกราวด์ไม่ได้ มันไม่ยอมอัพให้

มือใหม่หัดสร้างค่ะ โฟโต้เฉาะยังไม่สามารถเลย อนาถแท้ sad smile

ว่าแต่ถ้าอยากใส่พวกเวลา ลิขสิทธิ์ แล้วก็ผู้ออนไลน์ (แบบที่คุณทำเป็นแถบไว้ด่านล่างน่ะค่ะ)ต้องไปแก้ตรงไหน ทราบมั้ยคะ เดี๋ยวพรุ่งนี้ค่อยมางมต่อ ง่วงแล้วค่ะ ราตรีสวัสดิ์

#194 By hasekawa on 2011-11-17 02:48

ขอบคุณนะค่ะส่วนตัวชอบใช้ ff
ไออีมันช้าเรามันช้ามาก =____=

#193 By AM.ITAR on 2011-11-14 20:10

ข้อความยาวไปด้านหลัง
แก้ไม่หายsad smile

#192 By dash on 2011-10-30 13:16

ขอบคุณมากค่ะbig smile

#191 By warasis on 2011-10-19 19:37

ขอบคุณค่ะbig smile

#190 By fahhhhei on 2011-10-06 11:21

ขอบคุณครับ เป็นประโยชน์มากๆเลย

#189 By makealive on 2011-09-28 13:34

บล็อกแต่งยากมากแก้ไขไรไม่ได้เลย - -*Hot! sad smile

#188 By tidteehimejung on 2011-09-12 13:23

บล็อกแต่งยากมากแก้ไขไรไม่ได้เลย - -*Hot! sad smile

#187 By tidteehimejung on 2011-09-12 13:22

ขอบคุณมากๆเลยค่ะconfused smile

#186 By sephiria on 2011-05-13 18:32

ขอบคุณมากครับมีประโยชน์มากเลยHot! Hot! Hot!

#185 By หมาน้อย on 2011-03-12 19:26

อย่าไปท้อครับ ไม่ยากหรอก เพื่อน ๆ ใน exteen เป็นแสนๆ คน ยังทำได้เลยครับ สู้ๆ นะ
อ่านแล้วก็งง firefox ก็ไม่ได้ใช้ค่ะ ท้อแล้วเหมือนกัน

#183 By Septemberry on 2011-01-11 12:35

ใจเย็น ๆ ครับ ค่อยๆ แก้ไปทีละขั้นตอน

เสียก็ไปเริ่มใหม่ครับ
ทำยังไงดีคะ แก้โค้ด css แล้วบล็อกเสียอ่ะค่ะ

เสียดายมากกกเลย

#181 By M a y J i i2 on 2010-12-17 16:49

ใช้ google chrome จะเห็นเหมือน Firefox ป่าวอะคะ confused smile

#180 By Rainy :) on 2010-12-05 10:39

ขอบคุณมากค่ะHot! Hot!

#179 By ♪~Blazechan~♪ on 2010-10-30 20:59

ขอบคุณมากนะคะ ช่วยได้มากเลยค่ะ :)

#178 By nook on 2010-10-28 15:58

ขอบคุณมากมายจากใจครับ

ขอบุญกุศลนี้แผ่ไปให้ไพศาลเน้อครับ(เว่อร์ไปไหม แหะๆๆ)

ผมเปลี่ยนมาใช้Google crome ไม่ก็หมาไฟดีกว่า IEนี่มีปัญหาการแสดงผลจริงๆแหละครับ

#177 By Ferrite N. Smith on 2010-09-28 03:50

ขอบคุณมากๆ เลยครับ

#176 By James_lau on 2010-07-06 19:00

ขอบคุณมากครับ แก้ไขตามที่ระบุ ถ้าไม่ไพ่ยาคงไม่หายปัญหาคาใจแน่คราวนี้ ขอบคุณหลายๆเด้อ
ขอบคุณครับ

#174 By คนใช้ DAEWOO on 2010-06-16 07:02

ขอบคุณมากนะค่ะ ที่แนะนำวิธีมา

เพราะทำไม่เป็นเลยค่ะ มีความรู้สึก

ว่าอยากนะค่ะ แต่พยายามทำอยู่ค่ะ

#173 By Beside 2pM on 2010-06-13 17:08

โหลดแล้วแต่ใช้มะเปงอ่ะ

#172 By mkii on 2010-05-14 23:07

ขอบคุณฮะ

#171 By Dark Demile on 2010-05-10 22:55

อยากได้วิะ๊แต่งกล่องเมนท์บ้างอ่ะsad smile

#170 By เจ้นุช on 2010-05-09 23:25



Thank you na kaHot!

#168 By thisischacha on 2010-05-04 03:44

ขอบคุณมากๆนะคะ
กำลังเจอปัญหานี้อยู่พอดีเลยค่ะ อิิอิ
^______^

#167 By deliciouspencil on 2010-04-27 21:44

ทำยากมาเลยคะ ช่วยมแวะดูบล็อกหนูหน่อยได้มั้ย ว่าต้องแก้ยังไงจะเป็นพระคุณอย่างสูงคะ

#165 By medicine on 2010-03-28 15:30

งั้น มีวิธีเปลี่ยนให้สไลด์บาร์ไปอยู่ข้างบนแทนไหมคะ เพราะลองเปลี่ยนความกว้างมาหลายรอบแล้วมันก็เป็นเหมือนเดิมอ่ะค่ะ

ขอบคุณค่ะ

#164 By kameryuichi on 2010-03-16 09:40

สวัสดีค่ะ เรามีปัญหาอีกแล้วค่ะ

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

แต่ที่งงกว่านั้นคือ ถ้าเปิดจากเครื่องคนอื่น มันจะเป็นปกติ แต่เปิดจากเครื่องเราหน้าตามันจะเละแล้วเพลงไม่ขึ้น คิดว่ามันน่าจะเกิดจากอะไรคะ รบกวนด้วยนะคะ

ขอบคุณค่ะ

#163 By kameryuichi on 2010-03-15 20:06

ส่งไปให้แล้วค่ะ

รบกวนช่วยหน่อยนะคะ

ขอบคุณค่ะ

#162 By kameryuichi on 2010-03-08 15:54

สวัสดีค่ะ คือเรามีปัญหาอ่ะค่ะ ช่วยตอบหน่อยได้ไหมคะ

คือว่า เราทำตามวิธีคุณอ่ะค่ะ ใน IE โอเค สวยพริ้งเลยค่ะ
แต่พอเรามาเข้า Firefox อ่ะค่ะ content มันตกไปอยู่ข้างล่างอ่ะค่ะ ไม่รู้ว่าจะช่วยบอกวิฑีดันมันขึ้นมาได้ไหมคะ

ขอบคุณค่ะ

#161 By kameryuichi on 2010-03-08 00:01

สวัสดีครับเพิ่งหัดเล่นครับงงดี ขอเวลาสร้างตัวสักพัก

#160 By cyman on 2010-02-22 15:29

ทำfavouritesให้เป็นแบบรูปยังไงอ่าคะ สอนที TT^TT


ขอบคุณสำหรับเอนทรี่นี้นะคะ Hot! Hot! Hot!
ขอบคุณมากๆเลยนะคะ
แคทเองก็เบื่อที่ยังมีคนใช้ IE กันอยู่
เพราะว่ามันโหลดก็ช้า ผิดพลาดก็บ่อย 555

#158 By นังแมวเอ๋อ on 2010-02-08 04:08

ขอบคุณมากๆเลยนะคะHot!
หาทางทำมาตั้งนานแล้วคร๊า
กราบเลยคะ ขอบคุณมากๆเลยนะคะ

#157 By exteen on 2010-02-07 11:34

ขอบคุณมากจริงๆนะคะ
พยายามแก้ปัญหากับรูปprofileมาได้ซักพักแล้ว แก้ไม่ได้ซักที จนมาเจอที่นี่ ^^

#156 By nsummern+hsweeth on 2010-01-26 04:38

ขอบคุณมากคะ ทำเป็นแล้ว เย้ๆๆ

#155 By JEEPFEZ on 2009-12-09 12:19

ไม่รู้เลย คับ

#154 By (203.172.219.33) on 2009-12-08 12:44

confused smile angry smile surprised smile

#153 By jun (203.172.219.33) on 2009-12-08 12:42

เจ้าชายน้อย...ว่วยสอนทำบล็อกมั้งจิ
ทำไงอ่ะ...

#152 By Space Design on 2009-11-19 23:28

ไม่แน่ใจนะครับ แต่บล็อกผมดูใน IE8 ก็ยังโอเคอยู่ครับ
แล้วจะทำยังไงให้หน้าบล็อกไม่เบี้ยวใน IE8 อ่ะคะ

#150 By RaZen R. Winchester on 2009-11-09 21:56

Hot! Hot!

แต่ของผมมันเวลาดูในfirefox

รูป
http://kee-rye.exteen.com/images/55.jpg


1 2 3 เห็น

แต่พอดูในIE 7

1 2 3 ไม่ขึ้นอ่ะครับช่วยที^^big smile

#149 By GATETµCG on 2009-10-16 15:57

ขอบคุณค่ะ หามานานแล้วว่าจะแก้ปัญหายังไง
สภาพบล็อกเราดูไม่ได้่เลยค่ะ
(IE ด้วย)เคยลองใช้FFแล้วรู้สึกมันไม่ใช่อ่ะค่ะเราเลยเลิกใช้sad smile

ยังไงก็ขอบคุณๆๆ มากๆเลยนะคะ

#148 By >>Swan Blog,, on 2009-10-12 09:02

ขอบคุณคะ หาวีธีแก้มาสองวันแล้ว ^^

#147 By N4Natnicha on 2009-10-10 22:38

ขอบคุณมากกกกกกกกกกกกกกก..

หลังจากที่เรานั่งงมมานาน


น้ำใจสุดยอดเลยconfused smile

#146 By [ เยือกเย็น ] on 2009-10-09 00:07

ขอบคุณสำหรับความรู้มากนะคะ

#145 By Snow Silver on 2009-09-27 01:46

Facebook