2009-07-20 4 views
1

Je travaille sur un site Web construit en utilisant le framework cakephp. Mon problème est que parfois, il n'est pas rendu correctement. soit le css n'est pas appliqué ou est appliqué à moitié. Après avoir actualisé la page 4 à 5 fois, il s'affiche correctement. Le problème est avec tous les navigateurs. Ce problème se produit assez fréquemment lors de la navigation sur le site Web et est également un facteur de dégradation de la popularité de mon site Web. Voici la capture d'écran. alt text http://img339.imageshack.us/img339/7528/mytopten1248071956588.jpgsite non rendu correctement

Voici mon site www.mytopten.in

S'il vous plaît me aider à comprendre et résoudre ce problème.

Merci

+0

J'ai parfois vu ce genre de comportement auparavant. Pas aussi mal que ça. Bizarre. – Eric

Répondre

2

Recherchez le fichier \ app \ views \ layouts \ default.thtml.

Votre code actuel ressemble à ce

<title>MyTopTen</title> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
</head> 

Déplacer la balise de titre à l'intérieur de la tête. Déplacer l'instruction de lien CSS

<link rel="stylesheet" type="text/css" href="/css/cake.generic.css" /> 

également à la tête. Vous le chargez actuellement après #main et avant #sidebar. Le CSS doit être chargé au <head> ou il peut provoquer un rendu incohérent.

+0

merci beaucoup, votre suggestion a beaucoup aidé .. :-) Il a également supprimé mon problème de rendu. Encore merci. –

2

D'abord et avant tout id dire que votre css devrait être charger dans l'en-tête, pas à mi-chemin à travers le corps.

La page clignote pour moi (à cause de cela) mais le css charge et je n'ai pas été capable de reproduire le problème au-delà de cela.

But de construire la page afin qu'il valide comme cela rendra le débogage gâteau, plus comme le gâteau de débogage (plutôt que ce soit un problème abstrait au-dessus de html désordre)

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mytopten.in%2Ftopics%2Findex%2Fordermode%3Apopular

Obtenez la page à un état où il ressemble à XHTML 1.0 en premier: o) (XHTML 1.0 Transitional comme vous avez défini)

La sortie du validateur est assez verbeuse mais dans le cas de votre CSS, si vous souhaitez utiliser le même style à plusieurs reprises, et souhaitez l'attribuer à chaque élément auquel vous voulez qu'il s'applique (plutôt que d'utiliser parent: enfant) devrait utiliser la classe() pour les styles répétés et id (#myid // id="myid") pour les éléments uniques. Un identifiant ne doit apparaître qu'une seule fois sur une page.

+0

merci l'homme, il y avait un problème dans l'inclusion de la css. Tu m'as donné une suggestion parfaite. –

Questions connexes