firefox มันไม่อ่านโค๊ด CSS

By dark.angular on 24 October 2007 - 21:32 Tag:

บล็อกที่ผมสร้างไว้ที่ blogger น่ะครับ
เว็บชมรมน่ะครับ เว็บเดิม www.mathcamp.net

ใช้ธีมนี้มานานแล้ว เพิ่งมามีปัญหาช่วงเดือนนี้เองครับ
นอกจาก ie7 แล้ว browser อื่นๆ จะมีปัญหากับโค๊ดตรงส่วน #page
มันไม่ยอมอ่านโค๊ดตรงส่วนนั้นครับ ทำให้หน้าเว็บไม่แสดงพื้นหลังสีขาว(ตามที่กำหนดไว้)

แต่ไม่ได้เป็นตลอดนะครับ เป็นเฉพาะบางทีเท่านั้น (แต่ก็บ่อย)
พอเป็นครั้งนึง จะรีเฟรช จะเปิดจากbrowserตัวอื่นก็จะเป็นตลอด(ยกเว้นie)
ถ้าลองรีเฟรชไปเรื่อยๆ บางทีก็หาย แต่บางทีก็กลับไปเป็นอีกครับ

อันนี้เป็นรูปตัวอย่าง ตอนที่มันเป็นกับไม่เป็น ที่ผมโพสต์ถามไว้ในเว็บฟอนต์ครับ
แต่ไม่มีใครเคยเป็น เลยมาขอความช่วยเหลือที่บล็อกนันต่อครับ
http://www.f0nt.com/forum/index.php/topic,11361.0.html

อันนี้คือโค๊ดส่วนที่ว่าครับ

คือคนเข้าเว็บส่วนมากก็ie แหล่ะครับ แต่ผมเองใช้ไฟร์ฟ็อกซ์
และอยากให้คนอื่นๆใช้ พอเจอแบบนี้แล้วเขามาบ่น ผมเลยอยากแก้ให้มันใช้ได้ครับ
ว่าไม่ได้ที่ไฟร์ฟอกซ์นะ... T-T

ขอบคุณทุกท่านครับ

Hiring! บริษัทที่น่าสนใจ

Carmen Software

Hotel Financial Solutions

Next Innovation (Thailand) Co., Ltd.

We are web design with consulting & engineering services driven the future stronger and flexibility.

KKP Dime

KKP Dime บริษัทในเครือเกียรตินาคินภัทร

Kiatnakin Phatra Financial Group

Financial Service

Fastwork Technologies

Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน

Thoughtworks Thailand

Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน

Iron Software

Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.

CLEVERSE

Cleverse is a Venture Builder. Our team builds several tech companies.

Nipa Cloud

#1 OpenStack cloud provider in Thailand with our own data center and software platform.

Bangmod Enterprise

The leader in Cloud Server and Hosting in Thailand.

CIMB THAI Bank

MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank

Bangkok Bank

Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking

MuvMi (Urban Mobility Tech Co.,Ltd.)

Shape the future of urban mobility towards affordable, clean, and safe solutions

T.N. Digital Solution Co., Ltd.

TNDS has been involving in every first move of banking’s major digital transformation.

KBTG - KASIKORN Business-Technology Group

KBTG - "The Technology Company for Digital Business Innovation"

Siam Commercial Bank Public Company Limited

"Let's start a brighter career future together"

Icon Framework co.,Ltd.

Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก

REFINITIV

The Financial and Risk business of Thomson Reuters is now Refinitiv

H LAB

Re-engineering healthcare systems through intelligent platforms and system design.

The Gang Technology Co., Ltd.

We're a Digital Agency that helps our customers transform their business into digital with ease.

LTMH

LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย

Seven Peaks

We Drive Digital Transformation

Wisesight (Thailand) Co., Ltd.

The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

MOLOG Tech

We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.

Data Wow Co.,Ltd

We enable our clients to realize increased productivity by solving their most complex issues by Data

LINE Company Thailand

LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call

LINE MAN Wongnai

Join our journey to becoming No.1 food platform in Thailand

ผมไปเปิดใ

sirn Wed, 24/10/2007 - 22:28

ผมไปเปิดใน mathcamp.net ก็ไม่มีปัญหาอะไรนะ

คือบางทีม

dark.angular Wed, 24/10/2007 - 22:36

คือบางทีมันก็ไม่เป็นอย่างที่บอกน่ะครับ
ผมยังหาเงื่อนไข สาเหตุ มันไม่เจอเนี่ยแหล่ะครับปัญหา

เวลามันเป็น ผมเปิด url ไหนมันก็เป็นครับ
url จริงๆมันคืออันนี้ครับ http://mathcampdotnet.blogspot.com/
แล้วผมใช frame url จากโดเมน mathcamp.net ไป

ไม่รู้ว่าเกี่ยวกันหรือเปล่าครับ

dark.angular

เหมือนผมจ

dark.angular Wed, 24/10/2007 - 22:50

เหมือนผมจะเจอตัวการแล้วครับ โค๊ดตรง page หลังคำว่า right
ผมลองใส่ center ตามที่ไฟร์บักซ์มันเติมให้แล้วหายเลยครับ

ขอบคุณทุกคนที่เสียเวลาครับ เดี่ยวถ้าเป็นอีกจะขุดขึ้นมาถามใหม่นะครับ

dark.angular

มันไม่หายจริงๆด้วยครับ T-T

dark.angular

ลองแตก

ezy Thu, 25/10/2007 - 08:21

ลองแตก background ออกมาก่อนดีไหม จะได้หาง่ายขึ้น

จากข้างบน ผมแตกได้เป็น background-color: #fff; background-image: url('…'); background-repeat: repeat-y; background-position: right center;

ผมใช้ Gran Paradiso Alpha 8 มันก็ดูได้นะ (IE7 ก็ดูได้)

ผมคิดว่า #page ไม่ใช่ปัญหาแล้วครับ ลองเปลี่ยนเป็น #outer-wrapper หรือ #wrap2 แทนไหมครับ?

ezybzy.info blog

พอแก้ตามท

dark.angular Thu, 25/10/2007 - 17:23

พอแก้ตามที่คุณ ezy มันก็หายเลยครับ
แต่ไม่รู้หายขาดไหมนะครับ

ส่วนตรง #outer-wrapper นี่มันไม่มีอะไรใส่ไว้เลยครับ ไม่รู้ว่าในเทมเพลตมันใส่มาทำไมเหมือนกัน
ส่วน wrap2 เจอแต่ div id='wrap2
ไม่มี css ครับผม

คือผมก็ทำอะไรไม่ค่อยเป็นหรอกนะครับ
เห็นคุณ ezy เขียนมาให้แบบนี้ขอบคุณมากครับ เหมือนรู้เลย :)
เดี๋ยวลองไปอีกสักพัก เป็นยังไงจะมารายงานใหม่นะครับ

dark.angular

T-T ไม่หายคร

dark.angular Thu, 25/10/2007 - 20:29

T-T

ไม่หายครับ
ทำยังไงดีครับเนี่ย

dark.angular

คือว่า
การตั้งค่า CSS background ให้มีทั้งสีพื้นหลัง และรูป background นั้นผิดหลักครับ
ซึ่งเราต้องแยก color และ background ออกกันเป็นคนละ class ครับ
โดยที่ผมลอง มันเวิร์คบน safari นะครับ ให้ background-color อยู่ใน #page แล้วสร้าง class ชื่อ .page2 มา

ตัวอย่างนะครับ

<html>
<style type="text/css">
#page {
	width: 300px;
	height: 100px;
	background-color: #ccc;
}

.page2 {
	background: url(img.png) no-repeat;
}
</style>
<body>
<div id="page" class="page2">
asd
</div>
</body>
</html>

บล็อกของผม: http://sikachu.blogspot.com