[quote="jeff24"]C'est vrai que c'est beaucoup plus clair et apparemment mieux pour le référencement alors ! ^^[/quote]
Et pas que pour le référencement. ;)

Oui ! Merci Victor, je comprends mieux pourquoi ne pas empiler les <div> dans mon code HTML maintenant !

C'est vrai que c'est beaucoup plus clair et apparemment mieux pour le référencement alors ! ^^

Bien entendu, il ne s'agit pas d'interdire l'utilisation de l'élément div, mais de rappeler que div est un élément [i]sémantiquement neutre[/i] (tout comme span, d'ailleurs). :)

[quote="Victor BRITO"]
Abandonner les tableaux de mise en forme, c'est bien ; encore faut-il ne pas sombrer dans la [url=http://www.alsacreations.com/actu/lire/369-arretons-de-remplacer-systematiquement-les-tableaux-par-des-div.html][i]divite chronique[/i][/url]. ;)[/quote]

Intéressant cette article ! j'ai tendance à faire un peu tout en div ! merci pour ce lien Victor

S'il ne s'agit que de décaler un élément, le positionnement relatif suffit (position: relative).
[quote="jeff24"]Finalement j'ai abandonné les tableaux pour des div[/quote]
Abandonner les tableaux de mise en forme, c'est bien ; encore faut-il ne pas sombrer dans la [url=http://www.alsacreations.com/actu/lire/369-arretons-de-remplacer-systematiquement-les-tableaux-par-des-div.html][i]divite chronique[/i][/url]. ;)

Autrement dit, ton code gagnerait en [i]sémantique[/i] si, par exemple, tu utilisais l'élément p pour le texte des annonces ; d'ailleurs, vu qu'on a affaire à une liste d'annonces, tu peux même utiliser une liste de définitions (élément dl), dans laquelle chaque pseudo figure dans un élément dt et chaque annonce dans un élément dd, comme suit :
[code]<dl>
<dt id="pseudo1" class="pseudo_CV">rolk24 (F 25 ans)</dt>
<dd id="ContenuCV1">
Bonjour, originaire de dordogne, je me<br/>
suis évadée quelques années pour mes<br/>
études! Je viens de revenir dans la<br/>
région et je cherche à faire des<br/>
rencontres amicales en premier lieu et<br/>
plus si affinité...
</dd>
<dt id="pseudo2" class="pseudo_CV">zac360 (H 25 ans)</dt>
<dd id="ContenuCV2">
cool et sympatique je cherche à faire des<br/>
rencontres amicales et peut êtres une<br/>
rencontre amoureuse si affinité. à<br/>
bientôt j'espère avoir des contacts!.
</dd>
</dl>[/code]

Les margins je les aime bien parce qu'ils sont efficaces et ils marchent nickels sur IE et Firefox.

Finalement j'ai abandonné les tableaux pour des div :
[code]<div id="CV1">
<div id="pseudo1">
<span class="pseudo_CV">rolk24 (F 25 ans)</span>
</div>
<div id="ContenuCV1">
<td>
Bonjour, originaire de dordogne, je me<br/>
suis évadée quelques années pour mes<br/>
études! Je viens de revenir dans la<br/>
région et je cherche à faire des<br/>
rencontres amicales en premier lieu et<br/>
plus si affinité...
</div>
</div>

<div id="CV2">
<div id="pseudo2">
<span class="pseudo_CV">zac360 (H 25 ans)</span>
</div>
<div id="ContenuCV2">
cool et sympatique je cherche à faire des<br/>
rencontres amicales et peut êtres une<br/>
rencontre amoureuse si affinité. à<br/>
bientôt j'espère avoir des contacts!.
</div>
</div>[/code]

et voici le code css qui va avec :
[code]#CV1
{
margin-top:-211px;
margin-left:550px;
height: 100px;
width: 300px;
font-size:11px;
}

#CV2
{
margin-top: 22px;
margin-left:550px;
height: 100px;
width: 300px;
font-size:11px;
}

.pseudo_CV
{
font-size:14px;
}

#pseudo1
{
text-align:center;
width:260px;
}

#ContenuCV1
{
position: relative;
top: 5px;
height:88px;
margin:auto;
}

#pseudo2
{
text-align:center;
width:260px;
}

#ContenuCV2
{
position: relative;
top: 5px;
height:88px;
margin: auto;

}[/code]

ça marche beaucoup mieux ^^

je pense plus que ton problème viennent de ca margin-top: -94px; !

je comprend pas ta manœuvre la ca te sert à quoi ?

Revois peut être la structure de ta page !
Genre un div avec un float:left pour ton formulaire, ue autre div avec un float:right dans laquelle tu met tes deux tableaux !
[code]<div>
<div style="float:left;width:500px">ton formulaire</div>
<div style="float:right; width:200px"><table class="cv1"></table><table class="cv2"></table></div>
</div>[/code]

suis pas partisan de positionner les éléments avec les margins

Pour l'instant je le fais en local avec Wampserver.

Voila mon fichier php et html :
[url]http://dl.free.fr/troYFgI9X/dvp.zip[/url]

Bonjour,

[quote="jeff24"]le fond (le cadre violet, etc.) c'est un background-image sur lequel [b]j'ai fait pas mal de positionnement d'autre éléments[/b] (avec aussi des margin-top et margin-left).[/quote]

La réponse est très certainement là-dedans !

Donne directement le lien vers la page, c'est encore le mieux pour diagnostiquer ;-)

Bonjour à tous !

J'ai un petit problème d'affichage de contenu entre Firefox et IE.
Je m'explique, voici le code pour afficher les deux tableaux :

[code]
.CV1
{
margin-top:-215px;
margin-left:550px;
font-size:11px;
}

.CV2
{
margin-top: -94px;
margin-left:550px;
font-size:11px;
}
[/code]

[code]
<table class="CV1" height=100>
<tr>
<td align=center width=260>
<span style="font-size: 14px;">rolk24 (F 25 ans)</span>
</td>
</tr>
<tr height=88 valign=middle>
<td>
Bonjour, originaire de dordogne, je me<br/>
suis évadée quelques années pour mes<br/>
études! Je viens de revenir dans la<br/>
région et je cherche à faire des<br/>
rencontres amicales en premier lieu et<br/>
plus si affinité...
</td>
</tr>
</table>

<table class="CV2" height=100>
<tr>
<td align=center width=260>
<span style="font-size: 14px;">zac360 (H 25 ans)</span>
</td>
</tr>
<tr height=88 valign=middle>
<td>
cool et sympatique je cherche à faire des<br/>
rencontres amicales et peut êtres une<br/>
rencontre amoureuse si affinité. à<br/>
bientôt j'espère avoir des contacts!.
</td>
</tr>
</table>
[/code]

Et enfin voici deux imprim' écran de ce que j'obtiens pour chaque navigateurs :

Firefox :
[img]http://i81.servimg.com/u/f81/11/31/25/01/bug-af10.jpg[/img]

IE :
[img]http://i81.servimg.com/u/f81/11/31/25/01/bug-af11.jpg[/img]


le fond (le cadre violet, etc.) c'est un background-image sur lequel j'ai fait pas mal de positionnement d'autre éléments (avec aussi des margin-top et margin-left).

Merci d'avance !