Chrome, CSS, application/xhtml+xml és Fancybox

Érdekesség

1. Beállítottam egy lapon, hogy application/xhtml+xml legyen a tartalomtípusa, stb.

header("Content-Type: application/xhtml+xml;charset=utf-8");
header("Content-Style-Type: text/css");
header("Content-Script-Type: text/javascript");

2. A dokumentum elején adtam meg a stíluslapot, ahogy a nagykönyvben meg van írva.

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="http://localhost/fancybox.css" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3. A <head>-ben meghívtam a jQueryt és a Fancybox bővítményét.

<script type="text/javascript" src="http://localhost/jquery.js"></script>
<script type="text/javascript" src="http://localhost/fancybox.js"></script>

4. Írtam egy szkriptet (és a fenti módon meghívtam).

jQuery(document).ready(function() {
jQuery('.fancybox').fancybox();
});

5. Csináltam egy linket.

<a href="http://localhost/kep.jpg" class="fancybox"><img src="http://localhost/thumbnail.jpg" alt="kép" title="képfelirat" /></a>

6. És kipróbáltam.

Firefoxszal minden rendben van, de a Chrome és a Chromium érdekesen reagálnak: A stíluslapot láthatóan betöltik, de miután a linkre kattintok, nem jelenik meg a kép. Ugyanez „normál” módon (text/html-ként, a stíluslapot a <head>-ben hívva) viszont tökéletesen működik.

( bird v | 2010. 06. 08., k – 14:25 )

Hú, elrontottad valamelyik taget és code-ként látszik az összes többi blogbejegyzés.
_______
Powered by Áram // Nem vagyok annyira kocka, hogy napfényt is csak HDR-Renderingen keresztül lássak.

( hrgy84 | 2010. 06. 08., k – 19:45 )

Szerintem nem a content-type a problema, inkabb az, hogy head-bol is be kene hivni a css-t.
-- 


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

A headből is? A content type is direkt xhtml+xml, nem sima html kompatibilis xhtml. Ezért nem lett meghívva a headből. Egyébként először betölti és alkalmazza a dokumentum elején meghívott stíluslapot, csak a linkre kattintáskor nem jeleníti meg ekkor a képet, ahogy kéne.
A Rekonq és az Arora is ugyanúgy reagál (mindkettő WebKit motoros), a Bugróka nem.
--
#FreedomFlotilla