Comment avoir une page toujours centrée sous les différentes résolutions d'écran

Signaler
Messages postés
3
Date d'inscription
jeudi 11 novembre 2004
Statut
Membre
Dernière intervention
9 juin 2008
-
Messages postés
1251
Date d'inscription
mercredi 7 août 2002
Statut
Modérateur
Dernière intervention
10 avril 2013
-
Bonjour,

Je suis débutant dans la partie j'ai réalisé un site web perso dédié à la photo qui est mon autre passion. Je cherche en vain une solution qui consiste à présenter mes pages toujours centrées dans le cas ou la résolution d'écran est supérieure à 1024x760.
Si quelqu'un peu me venir en aide je le remercie d'avance.

Jean-Yves.

 

7 réponses

Messages postés
2089
Date d'inscription
jeudi 16 septembre 2004
Statut
Membre
Dernière intervention
27 juin 2021
1
<html>
 
  

    Contenu de la page.
  

 
</html>

Flachy Joe

Ta vie t'est prêtée, fais en un cadeau.
Messages postés
1251
Date d'inscription
mercredi 7 août 2002
Statut
Modérateur
Dernière intervention
10 avril 2013

<!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">
<head>
<style>
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #333;
}
#page{
width:1024px;
min-width:1024;
height:100%;
margin: 0 auto 0 auto;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #FF0000;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titre de ma page</title>
</head>




Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.





</html>
Messages postés
1251
Date d'inscription
mercredi 7 août 2002
Statut
Modérateur
Dernière intervention
10 avril 2013

corriger : min-width:1024; >> min-width:1024px;
Messages postés
3
Date d'inscription
jeudi 11 novembre 2004
Statut
Membre
Dernière intervention
9 juin 2008

apprendre est le meilleur remède pour combler l'ignorance

Bonjour,

Merci pour vos réponses je vais tester mais pour cela j'aimerais savoir ou je dois intégrer le code dans la page ?

Cordialement
Messages postés
1251
Date d'inscription
mercredi 7 août 2002
Statut
Modérateur
Dernière intervention
10 avril 2013

funyx,

c'est une page complète !
Messages postés
3
Date d'inscription
jeudi 11 novembre 2004
Statut
Membre
Dernière intervention
9 juin 2008

Bonjour Nikadele,

Je suis désolé de te soliciter à nouveau mais je n'y comprends rien du tout, je fais quoi avec ce code je l'insère dans une page dédiée ou bien j'insère une partie du code dans toutes les pages de mon projet ? J'ai tenté via dreamweaver différentes astuces sans succès serait t'il possible de détailler l'ensemble de la manipulation ? Est ce que le résultat c'est d'avoir toujour un page centrée sous différentes résolutions d'écran ? Sur mon nouvel ecran 21 pouces la page se retrouve en haut à gauche c'est pas très esthétique donc je cherche une solution pour l'avoir au millieu un truc facile car je suis pas très doué.

Merci d'avance.
Messages postés
1251
Date d'inscription
mercredi 7 août 2002
Statut
Modérateur
Dernière intervention
10 avril 2013

Re,
normalement tu as juste besoin de la structure, soit :

<!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">
<head>
<style>
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #333;
}
#page{
width:1024px;
min-width:1024px;
height:100%;
margin: 0 auto 0 auto;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #FF0000;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titre de ma page</title>
</head>







</html>

PS : normalement cette page devrait être centrée !
Si c'est pas le cas, dit moi avec quel browser tu travail.

Nickadele