Décalage entre Dreamweaver et Firefox

**hayalou** · 03/06/2009, 23h25

bonsoir!
j ai besoin de votre aide!
mon logo est parfait sur dreamweaver mais complètement déplacé sur firefox, ça fait 2 jours que ça dure et je n arrive pas à bien le placer!
j ai vraiment besoin de votre aide, je pète les plombs!!!!

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body>
<div id= "content">
<p>
<a href="http://adresse.fr"><img src="images/picturelogo.png" /></a></p>
</div>
</body>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@charset "UTF-8";
/* CSS Document */
 
#content{
width:778px;
height:675px;
margin:auto;
background-image:url(images/fond_accueil.jpg);
border-top:outset 2px grey;
border-left:outset 2px grey;
}
 
 
a img{
border:none;
 
}
 
img{
position:absolute;
left:164px;
top:300px;
}

**HiRoN** · 04/06/2009, 09h08

Bonjour,

Le mieu (pour commencer) serait de mettre un DocType à ta page, ou de le préciser s'il y est...

Utilité de la balise <p> ?

**Riko63** · 05/06/2009, 00h52

Bonjour,
Si tu veux positionner ton image (via position absolute) par rapport au div #content, il faut que tu le positionne lui aussi (absolute ou relative).
En effet un élément positionné en absolue prend ces références par rapport à son premier conteneur lui même positionné. Si aucun bloc conteneur n'est positionné alors les références seront, la plupart du temps, le bord de la fenêtre d'affichage.

Ajoutes un position:relative à #content et tu pourras placé ton image via left, top....

Décalage entre Dreamweaver et Firefox

HTML

Discussions similaires

Partager

Partager