28172 sujets

CSS et mise en forme, CSS3

Séparer des divs // bug de scroll sous IE

Bonjour,

j'ai un autre problème, tout bête. Mais j'arrive a rien.

J'ai des div les unes sous les autres.
Je veux juste les séparer de 3px ...
spacing, padding, rien n'y fait Smiley decu

Je fatigue sans doute de ma journée...
A moins que je sois complètement con, c'est aussi une possibilité.

Bonne journée
Modifié par westernz (25 May 2012 - 16:26)
Je savez bien que j'étais complètement con !

lol

J'ai regardais l'heure... que 15h53 et déjà très con Smiley decu
J'ai bossé comme un taré lol
Mais ca prend forme Smiley smile

Merci, c'est nettement plus jolie une fois tout bien structuré.

Bonne journée
Ca arrive même au meilleur, et nul n'est infaillible et là si j'avais un peu de culture j'aurais claqué une citation en latin, mais comme j'en ai pas, on va s'en passer ^^
Dans ce cas il faut la jouer Kaamelott et en balancer :
"Jacta eta visius est. Ce ne rien dire mais je trouve que ça allais bien dans le contexte"

Plus sérieusement, pourquoi IE buggerai sur la scrollbar , impossible de la cliquer-glisser, mais je peux utiliser les flèches et le clic de positionnement.

je viens d'activer le site pur que tu puisse voir :
http://an16test.org/index.php

Ne change pas de page j'ai fais que celle-ci coté menu.

Bonne journée
je te met les bouts de codes en dessous :
C'est trop le bordel pour que je puisse recomposer tout ca bien proprement.

#banniere_vente {
	position	: relative;
	min-width	: 600px;
	width		: 80%;
	height		: 160px;
	overflow-x	: scroll;
	overflow-y	: hidden;
	white-space	: nowrap;
	border		: 1px solid #aaa;
	padding		: 0px;
	behavior	: url(./PIE.htc);
}

#banniere_menu_fixe {
	float				: left;
	border				: 0px #aaa solid;
	position			: absolute;
	behavior			: url(./PIE.htc);
	background-color	: #e0e3ec;
	width				: 100px;
	height				: 100%;
	border-right		: 1px #aaa solid;
}

#btn_menu_vente {
	padding			: 2px;
	width			: 80px;
	border			: 1px solid #aaa;
	text-align		: left;
	margin			: 5px;
	color			: #000;
}

#banniere_vente_fixe {
	border		: 0px #aaa solid;
	position	: absolute;
	width		: 600px;
	behavior	: url(./PIE.htc);
	left		: 0px;
}


function scrollIt()
{
	document.getElementById("banniere_menu_fixe").style.left = document.getElementById("banniere_vente").scrollLeft + "px";

	if (document.body){window_long = (document.body.clientWidth);}
	else{ window_long = (window.innerWidth);}
	// 80 = 80% soit la longueur de la div banniere_vente dans son style
	// 150 = 150 px soit la moitié de la longueur de la div banniere_vente_fixe dans son tyle 
	posit = ((document.body.clientWidth * 80 / 100)/2)-300+document.getElementById("banniere_vente").scrollLeft;
	if (document.body.clientWidth < 720){posit = '0';}
	document.getElementById("banniere_vente_fixe").style.left = posit + "px";
}

window.onresize = function() {scrollIt();}


echo "<div align='center'><div id='banniere_vente' onscroll='scrollIt()'><div id='banniere_menu_fixe'>".$menu_vente."</div><table class='Table_100'><tr><td align='center'><img src='".$phpbb_root_path."mes_images/header/rien.gif' width='120px' height='1px' border='0'></td><td width='150'>
</td>";



		$menu_vente		= "<div id='btn_menu_vente'><font color='#da26d4'><b>&nbsp;Oeuvres</b></font></div><div id='btn_menu_vente'>&nbsp;Prestations</div><hr /><div id='btn_menu_vente'>&nbsp;<font color='#da26d4'><b>Tout le site</b></font></div><div id='btn_menu_vente'><font color='#999999'>&nbsp;Artiste</font></div><div id='btn_menu_vente'><font color='#999999'>&nbsp;Dossier</font></div>";

		$lien		= "dernières oeuvres en vente sur site";

While...
        echo "<td align='center'><a href='".$phpbb_root_path."viewartiste.php?b=vente&af=".$artiste_forum_id."&ov=".$id."'><img src='".get_image('vente_artiste',$id)."' ".$long." ".$haut." border='0' style='padding:8px;'/></a></td>";

fin du while...

echo "</tr></table>";
echo "<div><div id='banniere_vente_fixe'>";
echo $qte." ".$lien.",  ".$qte_total." au total";
echo "</div></div>";
echo "</div></div>";


<script type="text/javascript">
if (document.body){var window_long = (document.body.clientWidth);}
else{var window_long = (window.innerWidth);}
// 80 = 80% soit la longueur de la div banniere_vente dans son style
// 150 = 150 px soit la moitié de la longueur de la div banniere_vente_fixe dans son tyle 
var posit = ((document.body.clientWidth * 80 / 100)/2)-300;
document.getElementById("banniere_vente_fixe").style.left = posit + "px";
</script>
Sujet clos
Aller à