28106 sujets

CSS et mise en forme, CSS3

Bonjour,

Je désespère... je dois faire un habillage publicitaire de site avec les contraintes que tout le pourtour soit cliquable et sans modifier toutes les pages du site, donc en insérant le code additionnel dans les includes déjà existants...

Alors j'ai réussi à faire quelque chose, le site n'étant pas prévu pour çà, et après avoir essayer maintes fois des CSS, j'ai ajouté un grand tableau à 3 colonnes dont gauche et droite sont proportionnelles et la centrale contient le site centré, bref voici une URL :

http://www.restoclub.fr/skyboard/

le header est cliquable, le fond est bien placé à gauche et à droite mais reste non cliquable bien qu'il y ait tout le code nécessaire...

j'ai donc essayé plusieurs trucs jusqu'à trouver que si je mettais une largeur à la colonne centrale j'avais mes clics à gauche et à droite :

http://www.restoclub.fr/skyboard/?v=2

SAUF QUE :
sous FireFox au chargement la colonne centrale est décalée à droite : colonne gauche width = 100%, puis çà charge la colonne centrale, puis ca charge la colonne droite (aussi width = 100%) donc à la fin du chargement çà me replace la colonne centrale au milieu.

j'ai l'impression que FF attend que le contenu soit chargé pour calculer les tailles de ce tableau et donc bien les dimensionner.

Pour une fois c'est IE8 qui ne pose aucun problème...

Le code en question :





DEBUT SITE...

<table  width="100%" cellspacing="0" cellpadding="0" style="background: #FFF url(/images/pub/fond2.jpg) no-repeat scroll center top;">

<tr>
<td colspan="3" align="center">
<a href="http://www.skyboard.com" target="_blank"><div style="background: transparent url(/images/pub/px.gif) no-repeat scroll right center; cursor: pointer; width: 100%; height: 149px; ">  </div></a>
</td>
</tr>

<tr>
<td  valign="top" >
<a href="http://www.skyboard.com" target="_blank"><div style="background: transparent url(/images/pub/px.gif) no-repeat scroll right center; cursor: pointer; width: 100%; height: 882px;"> </div></a>
</td>

<td  <?php if($_GET['v']==2) echo 'width="960"';?>   valign="top" align="center">

COLONNE CENTRALE ICI...

</td>

<td  valign="top" >
<a href="http://www.skyboard.com" target="_blank"><div style="background: transparent url(/images/pub/px.gif) no-repeat scroll right center; cursor: pointer; width: 100%; height: 882px;"> </div></a>
</td>
</tr>

</table>

...SITE...



Le code est surement un peu crado et en plus ya pas de doctype, ceci pouvant expliquer celà, mais on ne peut pas le rajouter pour l'instant sinon il faudrait changer tout le site.

Je m'en remets aux spécialistes, si vous avez une piste pour gérer ce problème ce serait fort sympathique Smiley smile