ถ้าใครที่เคยเข้าไปดูบล๊อกของคนอื่น ๆ ด้วย 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

ถ้าคลิดแล้วนมจะแตกไหม
อิอิอิ ฮามาก...sad smile
นมบรึ้มไปแล้วววว

ขอบคุณมากนะคะ ช่วยได้เยอะจริงๆ
ขอบคุณมากเลยค่า *[]*
บลอคอะฮั้นนน ฉ๋วยแย้ววว
ขอบคุณมากมายค่าbig smile

#143 By Ravee on 2009-09-14 17:01

ใส่พวก ของเล่นต่างๆด้าน sidebar ทำไงอ่ะค่ะ
อย่างต้นไม้กับปฏิทินอย่างด้านบนอ่ะค่ะ
อยากได้บ้าง...ขอบคุณนะค่ะ ที่มีเรื่องดีๆมาฝากกัน

#142 By Dj_Ochin on 2009-09-08 11:43

แจ๋ววววมั่กๆครับ big smile
ขอบคุณครับ

#140 By นายพีท on 2009-07-31 13:20

ขอบคุณมากครับ แต่ยังไงก็ขอใช้ Ex เหมือนเดิมดีกว่าครับ Fire มันไม่ ซัพ กับเกมครับ ผมเล่นเกมเยอะ ^^

#139 By tle on 2009-07-27 11:59

ขอบคุณมากๆเลยครับที่แนะนำ กำลังมีปัญหาอยู่เลย
เด็กใหม่cry ขอบคุณมากคร้าบ โดนจายยย question confused smile

#138 By Chi-o-ka on 2009-07-12 20:05

ขอบคุณมากๆครับ confused smile เห็นบล็อกมันรกๆ ในที่สุดก็พบวิธี

#137 By Kiloe on 2009-06-14 00:49

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

#135 By Jannⓝⓐⓚⓐ on 2009-06-08 09:23

ขอบคุณนะคะสำหรับคำแนะนำ..

#134 By you'r angel on 2009-05-27 22:33

กำลังติดปัญหาเหล่านี้พอดีขอบคุณครับ

#133 By nanin on 2009-05-27 00:53

รูป avatar อ่ะค่ะ มันใหญ่มากกกกกกก
พอเปลี่ยน ตรง edit profile อัพโหลดรูปใหม่ไป
มันก็ไม่ยอมเปลี่ยน
ทำยังงัยดีคะ

#132 By paperdolls on 2009-05-08 14:33

ขอบคุณมากกับความรุใหม่ๆครับopen-mounthed smile

#131 By ลูกพระฆเนศ on 2009-04-30 19:00

ขอบคุณมากค่ะ!!
ช่วยได้เยอะเลย~~

ส่วน firefox เห็นเพื่อนบอกมาว่าดีกว่า IE
เดี๋ยวจะลองเปลี่ยนดูนะคะsurprised smile

#130 By พริกหยวก on 2009-04-30 14:28

เพิ่งเริ่มทำบล๊อก ขอบคุณความรู้มากๆค่ะ

#129 By Ranz on 2009-04-26 00:28

cry ขอบคุณมากค่ะ เมนูด้านข้างไม่ซ้อนทับกันแล้ว

#128 By Adeya on 2009-04-22 11:22

อ๋อ พอดีว่าเว็บที่เซฟไฟล์นี้ไว้ ปิดไปแล้วน่ะครับ ไว้จะหาที่โหลดที่ใหม่ให้นะครับ
ขอบคุณค่ะ เป็นประโยชน์มากๆเลย

ขอแจ้ง error ด้วยเลยค่ะ
ตรง hyperlink ที่เขียนว่า "คลิกที่นี่"
ลองคลิกดูแล้วมัน redirect ไปที่หน้าขายของ ตามนี้แทนอะค่ะ
http://www2.searchresultsdirect.com/parking.php4?domain=rtna95.com®istrar=348972&keyword=&eq=ff9dc3b663cd0ee7ccbfb48ae7f8f2ee
แต่ก็ไม่มีปัญหาค่ะ เพราะคุณเขียนอธิบายไว้ดีแล้ว ขอบคุณอีกครั้งสำหรับการแบ่งปันค่ะ

#126 By elkraftlady on 2009-04-02 22:20

ขอบคุณมากครับ

แก้แล้ว

เป็นผู้เป็นคนขึ้นมากเลย

#125 By นายอุ๊ย!! on 2009-03-26 20:23

ขอบคุณมากๆเลยค่ะ big smile ตอนเจอปัญหานี่คิดว่าคงเป็นเราคงเดียว แต่สรุปแล้วเป็นที่ IE ซะงั้น คงต้องโหลดเพื่อความสะดวกsad smile

#124 By Natchiiz ナチ on 2009-03-22 23:20

กรี๊ดดด ด ขอบคุณมากค่ะ ^^
กราบ ^^

#123 By ❤ 진기 ;; {SNW} on 2009-03-19 14:38

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

(-^/\^-)

ขอบคุณนะคะ..สำหรับสิ่งดีๆๆHot!

#122 By ++..NuchJang..++ on 2009-03-11 11:13

สนับสนุนและเห็นด้วยอีกคนค่ะว่า firefox เค้าดี
อยากสารภาพอีกหนึ่งเรื่องว่า
ตั้งแต่เขียนเอนทรี่มา ไม่เคยแก้ไขใน css style เลย 555

#121 By proy-prai on 2009-03-10 18:18

เอ่อ...ขอถามนิดนึงน้ะคือไอพวกโค้ดต่างๆเนี่ยเค้าใส่กันตงไน๋หรอคับ...แหะๆแบบพึ่งเล่นอ่ะคับ ^_^¡

#120 By บอลล์ on 2009-03-10 14:07

ดีครับ..คือผมอยากถามซักเรื่องนึกอะครับ

ผมอยากให้บล็อกของผมเปงเหมือนของคุณ

ทำให้มันเต็มหน้าเลยอะครับเหมือนของคุณอะครับ

คือว่าบล็อกที่เขาให้มาอันแรกเริ่มที่เราสมัครมันจะให้

เรามองเห็น Background อยากให้มันขยายเต็มหน้า

เลยครับ

#119 By Doo-Free on 2009-03-05 22:01

ขอบคุณมากเลยครับแก้ได้แล้ว

#118 By Bozzy on 2009-02-19 18:28

ขอบคุณสำหรับคำแนะนำ ลองเล่นดูแล้ว สวยดีจริง ๆ open-mounthed smile

#117 By Rin-Kung on 2009-02-18 08:56

wink โอ้วๆๆ กำลังมีปัญหาอยู่พอดีเลย

confused smile กะว่าจะทำใจซะแล้ว

ปล่อยมันตามเวรตามกรรม sad smile

มาเจอพอดี big smile ขอบคุณค่า

#116 By ชาชูบู on 2009-02-11 22:35

Hot!

#115 By 1569 on 2009-02-10 18:02

Hot!

#114 By Mc~ on 2009-02-08 11:19

เขียนยาวๆ ไปกองอยู่ข้างเดียว
กลัวคนใช้ IE ดูไม่รู้เรื่อง

ขอบคุณมากครับ big smile

#113 By Vortex on 2009-02-02 08:48

อยากเล่นgetampedไปนานนานcry

#112 By rockman on 2009-01-22 21:27

ขอบคุณนะฮะสำหรับคำแนะนำจะลองดู

#111 By 2j2y on 2009-01-05 22:50

confused smile ขอบคุณมากๆนะคะ บล็อคเพิ่งทำใหม่ค่ะ 55 ยังไม่เริ่มเลยที่จริง (._.il) ขอบคุณค่ะ

#110 By kumapanda on 2008-11-22 17:10

ผู้ชายคนหนึ่งที่ไม่ทำดา ต้

#109 By b0y (124.121.12.87) on 2008-11-06 03:03

มีความรู้อยู่นี่เอง...ขอบคุณค่ะ

หุหุ ใช้ค่ะ Firefox
ถ้า FF เพี้ยนก็ไป IE นานครั้ง

#108 By Ji3ๆ ใuUาJlวaา on 2008-11-03 01:01

Hot! Hot! Hot!

#107 By ชุน on 2008-10-21 23:22

big smile ขอบพระคุณมากนะคะ เมื่อคืนนั่งหาตั้งนานว่าทำไมข้อความไม่ชิดซ้ายซะที บรรลุก็วันนี้แหละค่ะ big smile

#106 By ☆☼ Horasard ☆☼ on 2008-10-18 12:46

ขอบคุนมาก ๆค่า blog หายเน่าซ้าที อิ อิsad smile

#105 By NuuNã~* on 2008-10-14 20:30

ขอบคุณครับกำลังมึนงงอยู่เลย

#104 By jack on 2008-10-10 19:54

ขอบคุณมากๆนะคะ
หน้าตาของบล๊อกดูดีขึ้นทันตาเลยค่ะbig smile

#103 By ^^ little girl ^^ on 2008-10-04 23:00

โอ้...ขอบคุณมากๆเลยค่ะ กำลังงมcssอยู่เลยว่าทำยังงัยดี >///<

#102 By 【 LazyCat 】 on 2008-10-01 13:50

^_^ ขอบคุณมากเลยค่ะ

นั่งปวดหัวอยู่ตั้งนานไม่เป็นอันทำอะไรเลย

ขอบคุณผู้ชี้ทางสว่างจากใจ

#101 By Telephon on 2008-09-30 00:17

เผอิญผมอ่าน ป.ล.2 ก่อนดูรูปซะอีก sad smile

อีกอย่าง ตอนนี้ผมยังไม่มีเหตุจำเป็นต้องใช้ Firefox

(ยกเว้นบริษัทเจ้าของ IE จะล่ม )sad smile sad smile
ทำตามทุกอย่างแล้วนะ ทำไมมันยังเหมือนเดิมละ
ว่างๆ มาดูให้หน่อยสิค่ะ sad smile

#99 By derlagu on 2008-08-26 17:21

ขอบใจมากคะ...ยากจังทามไม่เปนซักอย่าง
sad smile embarrassed

#98 By เดือนดับ on 2008-08-22 03:01

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

มีประโยชน์สุด ๆ

#97 By PaCham on 2008-08-13 00:40

ทำได้แล้ว ขอบคุณนะคะ

#96 By tukky on 2008-07-29 01:32

ขอบคุณมากค่ะ ทำตามเรียนร้อยแล้วค่ะ ขอบคุณ

#95 By Do-it-Yourself on 2008-07-27 13:14

Facebook