28173 sujets

CSS et mise en forme, CSS3

[ résolu ] largeur d'une boite sous ie + javascript

Bonsoir !
Bon voila il y'a une heure ou deux tout marchait bien ( à cette adresse par exemple http://www.pxlusion.ouba.com/dev/display/test/4 ) mais depuis peu sur internet explorer, gros probléme de mise en page + une erreur :
Erreur ligne 2 caractère 12 : ligne ';' attendu , code 0

Pourtant ma page est valide stricte =( , le résultat est bon sur firefox et il était bon y'a à peine une heure sur ie et je crois n'avoir rien touché .... Quelqu'un sait d'où ca peut venir ?
Modifié par moumoute (27 Feb 2007 - 13:38)
Bonsoir d'après le code source, tu as quelques problèmes de structure : Smiley murf 
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title><div style="border:1px solid #990000;padding-left:20px;margin:10px;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable:  titre</p>
<p>Filename: views/top.php</p>
<p>Line Number: 20</p>

</div>
</title>
</head>
<body>
Ah oui c'est juste que je n'avais pas déclaré de titre enfin bon j'en ai mis un mais le probléme n'est malheuresement pas là ... Smiley decu
Euh ...
C'est tout ce qui te choque ?!? Smiley eek

Tu es sûr d'avoir bien regardé ? Smiley rolleyes
Car, aux dernières nouvelles, les balises <p> et autres <div> n'ont rien à faire dans le <head> ... Smiley sweatdrop
Bonjour,

A part ça, positionne ton bloc #gauche en relative, ça devrait régler ton problème de mauvaise gestion du background des éléments en float par ie.

Bon courage
Modifié par ghost (27 Feb 2007 - 00:52)
Cygnus a écrit :
Euh ...
C'est tout ce qui te choque ?!? Smiley eek

Tu es sûr d'avoir bien regardé ? Smiley rolleyes
Car, aux dernières nouvelles, les balises <p> et autres <div> n'ont rien à faire dans le <head> ... Smiley sweatdrop

Elles y sont plus dans la page test , ce sont des balises qui se mettent automatiquement ( utilisation d'un framework) sinon je vais voir pour le positionnement du bloc =)

Edit : erf j'ai essayé mais ca ne résout que partiellement le probléme Smiley decu j'utilise un "spacer" ( avec un clear:left) pour équilibrer la hauteur du menu et du contenu donc si je positionne en absolu marche plus et de + il y'a des bug graphiques qui persistent :s j'aimerai vraiment régler cette erreur... Smiley decu
Modifié par moumoute (27 Feb 2007 - 01:28)
Administrateur
Bonjour,

merci de modifier le titre pour quelque chose qui décrive le problème rencontré et non 2 expressions "génériques" telles que problème et d'origine inconnue Smiley cligne

Si la page ne passe pas l'étape de la validation W3C, difficile de t'aider. Là ça a l'air d'être le cas, il manque simplement un </p> après la simili-requête SQL mais je crois que les navigateurs corrigent le tir d'eux-mêmes (ouf).

Tu dis avoir eu quelque chose de correct il y a quelques heures puis eu un problème: je suppose que tu as modifié le code entre temps? Sinon des fois le cache du navigateur joue des tours ou bien la config° d'Apache et de PHP n'est pas la même sur son PC de test et chez l'hébergeur ...
Dans le 1er cas fort connu de tous les utilisateurs d'informatique (tu as modifié quelque chose mais tu ne sais plus quoi), je te conseille de t'intéresser à SVN (ou Subversion) qui te permet d'enregistrer tes documents ou scripts (ou rapport de stage qui t'a demandé 6 mois de travail et que tu viens d'écraser Smiley pendu ) et à tout moment de revenir en arrière un peu comme l'Historique dans les articles de Wikipedia Smiley murf , et aussi de comparer une ancienne version avec l'actuelle, de laisser une note descriptive à chaque sauvegarde (<troll>étape 14: OK sous Fx. Etape 243: OK sous IE</troll>).
Sur Windows, le plus connu est TortoiseSVN. L'interface est en français ce qui ne gâche rien.
Modifié par Felipe (27 Feb 2007 - 02:24)
Honnetement j'ai bien cherché et je vois pas quel titre je pourrais mettre, j'ai testé avec et sans style , avec et sans javascript , avec et sans mon script de coloration syntaxique et j'ai toujours ce décalage curieux, je vais cherché et si je trouve d'ou ca vient je modifierai le titre , merci pour vos réponses et merci pour svn.
La page que tu as donnée n'est pas valide.
Il y a un moment où tu encadre un div a l'intèrieur d'un p, ce qui est interdit (tout comme il est interdit de mettre un p à l'intèrieur d'un div).

Concernant le menu, cette syntaxe serait sémantiquement plus juste :
<ul class="boxlink">
	<li class="menuTitre">
		Catégories
		<ul class="menuLeft">
			<li><a title="Accueil" href="http://www.pxlusion.ouba.com/main.php">Accueil</a> </li>
			<li><a title="Plan du Site" href="http://www.pxlusion.ouba.com/map.php">Plan du Site</a> </li>
			<li><a title="cat1" href="http://www.pxlusion.ouba.com/dev/display/cat1.php">cat1</a> (10) </li>
			<li><a title="fzefzz" href="http://www.pxlusion.ouba.com/dev/display/fzefzz.php">fzefzz</a> (1) </li>
			<li><a title="gqeg" href="http://www.pxlusion.ouba.com/dev/display/gqeg.php">gqeg</a> (1) </li>
			<li><a title="test" href="http://www.pxlusion.ouba.com/dev/display/test.php">test</a> (5) </li>
			<li><a title="zzfee" href="http://www.pxlusion.ouba.com/dev/display/zzfee.php">zzfee</a> (2) </li>
		</ul>
	</li>
	<li class="menuTitre">
		Ajouts récents
		<ul class="menuLeft">
			<li><a title="fzef" href="http://www.pxlusion.ouba.com/dev/details/69.php">fzef</a> </li>
			<li><a title="efzfzf" href="http://www.pxlusion.ouba.com/dev/details/68.php">efzfzf</a> </li>
			<li><a title="trgerg" href="http://www.pxlusion.ouba.com/dev/details/67.php">trgerg</a> </li>
		</ul>
	</li>
	<li class="menuTitre">
		Derniers commentaires
		<ul class="menuLeft">
			<li><a title="Et c'est cool…" href="http://www.pxlusion.ouba.com/dev/details/52.php">Et c'est cool…</a> </li>
			<li><a title="Votre commentairezazdazd…" href="http://www.pxlusion.ouba.com/dev/details/54.php">Votre commentairezazdazd…</a> </li>
			<li><a title="Votre commentaire…" href="http://www.pxlusion.ouba.com/dev/details/54.php">Votre commentaire…</a> </li>
		</ul>
	</li>
	<li class="menuTitre">
		Services
		<ul class="menuLeft">
			<li><a title="Admin" href="http://www.pxlusion.ouba.com/admin.php">Admin</a> </li>
			<li><a title="Fil rss" href="http://www.pxlusion.ouba.com/feed.php">Fil rss</a> </li>
		</ul>
	</li>
</ul>

Modifié par MacIntoc (27 Feb 2007 - 13:32)
Trouvé après une heure à refaire le site en statique div par div ... l'erreur du haut venait d'un ; manquant dans un javascript et le probléme de mise en page il fallait que je donne une largeur a ma boite qui contenait mes infos de droite 
.box {
background:#FFFFFF;
border:#E1E1E1 solid 1px;
margin:0 13px 13px 0;
padding:8px 8px 25px;
[b]width:490px;[/b] par exemple
}

Merci pour vos conseils, pour l'encadrement des div a l'intérieur du p j'ai résolu le probléme dans mon script de bbcode ( preg_replace ) en ajoutant un </p>[code]<p>, je vais modifié mon menu dans la foulée merci mac !
Sujet clos
Aller à