2011-10-03 18 views
9

Bu garip bir sorundur, ancak bu geçerli durumla sonuçlanacak şekilde satır boyunca bir yere yapıştırılmış bir şey yaptığımı varsayalım. CloudFront'dan statik dosyaları (görüntüler, css & js) sunmaya çalışırken, düzgün bir şekilde görünmüyor gibi görünmektedir. Örneğin, stil sayfalarımdan biri şu adresten kullanılabilir: http://d21uvxjmc903qz.cloudfront.net/stylesheets/hf.4fabc9c719f8.css, ancak DOM’a beklediğim gibi "uygulanıyor" gibi görünmüyor. (Örneğin, ilgili stilleri <header> elemanı.CloudFront tarafından sunulan CSS dosyaları oluşturulmadı

uygulanmaz Firebug Chrome veya Firefox geliştirici araçları bakarak Content-Type doğru ayarlanmış olduğundan gibi görünüyor, yanıt başlıkları baktığımızda, bu yüzden güzelim yanına bakın nerede çok fikir gelmiyordu.

herhangi bir öneriniz?

+0

Siteyi kullanarak bir bağlantı var mı? –

+0

HTML'nize [doğru şekilde] eklediğinizi varsayıyorum (http://www.htmldog.com/guides/cssbeginner/applyingcss/). – Alex

+0

Kesinlikle doğru şekilde dahil ediyorum, Django kullanıyorum ve tek değişiklik atıfta bulunduğum URL. (ör., yerel makinemden çıktı, hiçbir sorun yok, cloudfront'a hizmet etti, garip davranıyordu.) – philipk

cevap

9

sorun büyük olasılıkla S3 kova yanlış içerik türüdür. aynı sorun vardı ve içerik tipi sorunu giderdik değişen Aşağıdakileri text/plain'dan text/css'a ve sonra doğru şekilde oluşturulmuş stillerden değiştirdim:

enter image description here

+0

Aynı sorunu yaşıyordum ve bu benim için düzeltildi. –

+0

Teşekkür ederim TimDog! Benim için 2hr + sorun çözüldü. Adamsın! – ac360

0

Sadece doğru bir şekilde sunulmadığını düşündüğümüz cloudfront tarafından sunulan bir CSS dosyasıyla ilgili bir sorun yaşadık. Sorun, bir backgroud'un url değerinin içinde tek bir alıntı olmadı. Biz %27 ile ' yerini kez

background: url(//xxxxx.cloudfront.net/img/flags48/Cote%20d'Ivoire.png) no-repeat} 

CSS sorunları sabitlendi.

background: url(//xxxxx.cloudfront.net/img/flags48/Cote%20d%27Ivoire.png) no-repeat} 
1

Benim için bağlantı http olabilir ama https zorunda kaldı: // .. ben bu html dosyasında bu

<link rel="stylesheet" href="w3.css"> 

modifiye zaman benim için çalıştı:

yardımcı olacağını umuyorum.