Aller au contenu

css : Décalage colonne aléatoire


ivoyages

Sujets conseillés

Je m'arrache les cheveux,



J'ai apporté des modifications à la signature des articles. Depuis, la colonne de droite se retrouve sous le contenu pour certaines pages et pas d'autres.



Exemple : colonne décalée : http://www.i-trekkings.net/news/index.php?val=2296_auvergne+outdoor+nouvelle+application+ios+android


Exemple non décalé : http://www.i-trekkings.net/news/index.php?val=2295_windcatcher+air+pad+gonflez+votre+matelas+rapidement+sans+effort



Je n'y comprends rien.



Avez-vous un idée ?



Greg


Lien vers le commentaire
Partager sur d’autres sites

Hello, d'instinct comme ça, je dirais que ton #droite est dans ton #milieu et qu'à priori, il devrait être après ( ce qui est le cas dans la page où ça fonctionne)


Lien vers le commentaire
Partager sur d’autres sites

Le template est identique aux 2 pages, ça n'est pas ça.



C'est la signature qui pose souci (en fin d'article). Si je l'enlève, la mise en page est ok.



Pour être plus précis, voici les bouts de code de la signature :



Page :



$listenews .="<div class=\"contrib contriblarge\">";
$listenews .= "<div class=\"contcol\">\n";
//Description
function splitTxtB($chaine, $max) {
if (strlen($chaine) > $max) {
$chaine = html_entity_decode($chaine, ENT_QUOTES);
$chaine = substr($chaine, 0, $max)."...";
}
return $chaine;
}
$descUtilisateur = splitTxtB(stripslashes($news->descUtilisateur),260);

//Avatar
if ($news->imgUtilisateur=="") {
$photo="<img alt=\"\" src=\"../images/avatar/defaut!.jpg\" width='80px' height='80px' style='float:left;padding:0px 6px 6px 0' />";
} else {
$photo="<img alt=\"\" src=\"../images/avatar/".$news->imgUtilisateur."\" width='80px' height='80px' style='margin-top:10px;float:left;padding:0px 12px 6px 0'/>";
}
// choix affichage
if ($news->statutUtilisateur=="artadmin") {
$statut="<span style='font-size:14px;'>Administrateur</span>";
}
elseif ($news->statutUtilisateur=="inscrit") {
$statut="<span style='font-size:14px;'>Membre</span>";
}
else {
$statut="<span style='font-size:14px;'>$LG_AUTAUTOR</span>";
}
// choix affichage ou non des infos du profil (géré par le membre depuis son interface)
if ($news->nomcache=="oui" && $news->nomcache=="oui") {
$afficher_nom="";
}
if ($news->nomcache=="oui" && $news->prenomcache=="non") {
$afficher_nom="".$news->prenomUtilisateur."";
}
if ($news->nomcache=="non" && $news->prenomcache=="oui") {
$afficher_nom="".$news->nomUtilisateur."";
}
if ($news->nomcache=="non" && $news->prenomcache=="non") {
$afficher_nom="".$news->prenomUtilisateur." ".$news->nomUtilisateur."";
}

$listenews .= "<div style='margin-left:10px;margin-top:3px;width:100%;display:block;float:left;position:relative;line-height:22px;'><a href='http://www.i-trekkings.net/welcome/auteur.php?id_auteur=".$news->id_utilisateur."'>$photo <h1 style='padding-top:15px;text-align:left;'>".$news->loginUtilisateur."</h1></a><span style='font-size:14px;'>". stripslashes($afficher_nom) . "</span><br />$statut<br /></div>";

$listenews .= "<img style='margin-left:10px;' align='absmiddle' src=\"../templates/temp$SESSION_SKIN/img/email.gif\" alt=\"\" /> <a href=\"mail.php?id_auteur=" .$news->id_utilisateur."\">" .$LG_AUTENVOIMAIL."</a><br />\n";

if($news->siteUtilisateur) {
$listenews .= "<img style='margin-left:10px;' align='absmiddle' src=\"../templates/temp$SESSION_SKIN/img/www.gif\" alt=\"\" /> <a href=\"" .$news->urlUtilisateur."\" target=\"_blank\">" .stripslashes($news->siteUtilisateur)."</a><br />";
if($news->siteUtilisateur != '') { $listenews .= ""; }
}

$listenews .= "<img style='margin-left:10px;margin-bottom:10px;' align='absmiddle' src=\"../templates/temp$SESSION_SKIN/img/summit.jpg\" alt=\"\" /> $LG_SUMMITS : " .$news->noteUtilisateur." | $LG_SUMMITSMOIS : " .$news->noteUtilisateurMois." | $LG_SUMMITSTOTAL : " .$news->noteUtilisateurTotal."<br />     > <a href=\"http://www.i-trekkings.net/welcome/top.php\">Classement des I-Trekkeurs</a>\n";
$listenews .= "<div style='line-height:16px;font-size:11px;padding:0 10px;margin:0;height:auto;'>".$descUtilisateur."</div>";
$listenews .= "<div style='margin:15px 10px 15px 124px;height:auto;'><a href='http://www.i-trekkings.net/welcome/auteur.php?id_auteur=".$news->id_utilisateur."' style='background:#E7511E;color:#FFF;line-height:22px;font-size:13px;padding:3px 10px;font-weight:normal;'>Voir son profil complet d'I-trekkeur</a></div>";

$listenews .= "</div>\n";
$listenews .= "</div>\n";
$listenews .= "<div style='width:100%;display:block;float:left;height:20px;'></div>\n";

Css :



.contrib {margin:0em 0em 0px 0em;width:92%;padding:1em;position:relative;display:block;float:left;}
.contriblarge { width:100%;padding:0em; margin:1.4em 0em 0px 0em; }
.contrib h1 {padding:0 0 10px;margin:0;}
.contrib h2 {padding:0em 0 0 0;margin:0;}
.contrib h3 {padding:0em 0 0 0;margin:0;text-align:right;}
.contrib a {font-weight:bold; text-align:center}
.contcol {border:2px dotted #3D362E;width:98%;padding:0em;margin:0em 0 1em 0;float:left;line-height:28px;}
.contdesc {float:left;padding-top:25px;padding:0;}
.contdesc ul {padding:1em 0 1em 1em;margin:0em}
.contdesc img {float:left;margin-right:1em}
.contart {margin-top:0em;float:left;width:100%;position:relative;display:block;}
.contart h1 {border-bottom:1px solid #3D362E;font-size:14px;font-weight:bold;text-transform:uppercase;padding:20px 0 4px 0; margin: 0 0 5px 0}
.contart ul {padding:0em 0 0em 1em;margin:0em}
.contcol2 {width:100%;padding:0.5em;margin:0.5em}

Greg

Lien vers le commentaire
Partager sur d’autres sites

Salut,



Dans tes deux liens y'en a un avec des commentaires et un sans commentaire est-ce que tu as vérifié que ça ne vienne pas de la le fait qu'une page fonctionne et pas l'autre ?


Lien vers le commentaire
Partager sur d’autres sites

Le template est identique aux 2 pages, ça n'est pas ça.

Pour être franc avec toi, j'ai regardé avant de répondre, et c'est ça. En tout cas c'est comme ça que firefox l’interprète, puisque c'est ce que firebug me rend smile.gif

(d'ailleurs si je copie/colle ton #droite à l'extérieur de #milieu, il se place correctement, fais la même chose pour t'en convaincre dans ton débuggueur)

En clair, c'est la cause de ton soucis. Après, le pourquoi du comment... je ne peux répondre que sur ce que je vois : le html wink.gif

C'est surement une balise <div> mal fermée dans ton milieu, mais je ne peux pas le savoir.

***edit surement que qqpart dans ton code PHP, tu ouvres des div que tu fermes pas.

Lien vers le commentaire
Partager sur d’autres sites

Bon apparemment, c'est bien un problème de <div>. Il était déjà existant avant sans toutefois poser des soucis d'affichage...



Le problème venait de mon template. Je corrige tout ça.



Merci pour ton retour :)


Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...