Sujet Précédent Sujet Suivant

Problème codage position absolute.

Résolu/Fermé
Xyrto Messages postés 46 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 18 octobre 2017 - Modifié par Xyrto le 14/11/2011 à 22:53
Xyrto Messages postés 46 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 18 octobre 2017 - 14 nov. 2011 à 23:35
Bonjour,

Petite question, je suis donc en train de coder une page et j'ai un soucis car sur firefox ma page est centrée ( image et texte ) sur mon mac mais des que je le passe sur safari ou sur un autre ordi, mon texte se décentre de 2 mm - 3 mm vers la gauche. Je ne sais pas pourquoi.

Voilà, je compte sur vous. ;)
voici le soucis en directe : www.leprieuresaintpierre.be

// html //


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- Ici le head de la page -->

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Le Prieuré Saint-Pierre.</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css.css"/>
</head>


</head>

<body>

<div id="cover">
<img src="images/cover.jpg" />
</div>

<h2>Le Prieuré Saint Pierre</h2>

<h3>Site en cuisine.</h3>

<p class="contact"><strong> 04.384.76.40 /
<a href="mailto:jerome_lindt@hotmail.com">jerome_lindt@hotmail.com</a>
</strong></p>

<p class="info"><strong>En attendant, la carte et ses nouveautés : <a href="https://www.resto.be/">ici</a></strong></p>

</body>
</html>

//css//

#cover
{

position:absolute;
left: 50%;
top: 50%;
margin-top: -200px;
margin-left: -200px;

}
h2
{


position:absolute;
left: 50%;
top: 50%;
margin-top: 50px;
margin-left: -96px;
font-family:times;
color:#0b4f25;
}

h3
{

position:absolute;
left: 50%;
top: 50%;
margin-top: 78px;
margin-left: -45px;
font-family:times;
color:#0b4f25;

}

a, a:link, a:visited

{
text-decoration:none;
font-family:times;
color:#0b4f25;
}

.contact

{
position:absolute;
left: 50%;
top: 50%;
margin-top: 102px;
margin-left: -112px;
font-family:times;
color:#0b4f25;
}

.info

{

position:absolute;
left: 50%;
top: 50%;
margin-top: 120px;
margin-left: -117px;
font-family:times;
color:#0b4f25;
}



A voir également:

2 réponses

Réponse 1 / 2
Miss_socrates Messages postés 884 Date d'inscription lundi 5 janvier 2009 Statut Membre Dernière intervention 8 août 2023 109
14 nov. 2011 à 23:28
J'ai testé sur Firefox 6 et sur IE9, sur la page d'accueil , le texte et l'image ne sont pas centrés. Ton code n'est pas assez détaillé, mais il faut tout mettre sans une div et centré cette div ou le contenu
ça doit donner quelque chose comme:
#cover{
text-align: center
}

idem pour l'image
0
Réponse 2 / 2
Xyrto Messages postés 46 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 18 octobre 2017 1
14 nov. 2011 à 23:35
Je fais ça comme ça car si je fais une seule div, je vais l'avoir centré en horizontale mais pas en verticale. Mais je vais essayer de faire une div et de la régler en absolute. Merci de ta réponse. ;)
0

Discussions similaires

controleur de codage/décodage PCI
dtp33950 -
kaneagle -

6 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
Codage de texte
beauté numerique -
beauté numerique -

8 réponses