Centrer un site plus grand que sa resolution
Kahleanne
-
ekudarius Messages postés 175 Statut Membre -
ekudarius Messages postés 175 Statut Membre -
Bonjour,
Voilà j'ai un site (généré par photoshop en tables) qui est assez énorme, et j'aimerais pouvoir le centrer : c'est à dire que quand on arrive sur ma page principale on se retrouve avec le centre de l'image au centre de l'écran quel que soit la résolution évidemment ! (en gros centrer directement ma scrollbar horizontale)
merci à vous ^^
Voilà j'ai un site (généré par photoshop en tables) qui est assez énorme, et j'aimerais pouvoir le centrer : c'est à dire que quand on arrive sur ma page principale on se retrouve avec le centre de l'image au centre de l'écran quel que soit la résolution évidemment ! (en gros centrer directement ma scrollbar horizontale)
merci à vous ^^
A voir également:
- Centrer un site plus grand que sa resolution
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site comme coco - Accueil - Réseaux sociaux
4 réponses
Désolé double post mais ce post peu t'intéresser :
http://www.commentcamarche.net/faq/sujet 4613 webmaster adapter un site a toutes les resolutions le centrer
http://www.commentcamarche.net/faq/sujet 4613 webmaster adapter un site a toutes les resolutions le centrer
C'est pas adapter la resolution que je veux en fait, le site est parfait dans sa resolution comme si je voulais avoir un fond d'ecran sympa pour toute resolution avec un emplacement texte bien précis en plein milieu ... donc le probleme d'où il faudrait savoir comment arriver au centre sinon c pas beau au chargement de ma page je suis au haut à gauche ... ^^" snif
Bon je te conseil ceci :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body{width:100%;}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<table id="Tableau_01" width="2049" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img id="index_01" src="images/index_01.jpg" width="2048" height="168" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="168" alt="" /></td>
</tr>
<tr>
<td rowspan="13">
<img id="index_02" src="images/index_02.jpg" width="774" height="1219" alt="" /></td>
<td colspan="11" rowspan="2">
<img id="index_03" src="images/index_03.jpg" width="364" height="12" alt="" /></td>
<td colspan="4">
<img id="index_04" src="images/index_04.jpg" width="106" height="10" alt="" /></td>
...
</body>
</html>
Sa devrait marcher mais seul en le testant tu poura le vérifier :P
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body{width:100%;}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<table id="Tableau_01" width="2049" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img id="index_01" src="images/index_01.jpg" width="2048" height="168" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="168" alt="" /></td>
</tr>
<tr>
<td rowspan="13">
<img id="index_02" src="images/index_02.jpg" width="774" height="1219" alt="" /></td>
<td colspan="11" rowspan="2">
<img id="index_03" src="images/index_03.jpg" width="364" height="12" alt="" /></td>
<td colspan="4">
<img id="index_04" src="images/index_04.jpg" width="106" height="10" alt="" /></td>
...
</body>
</html>
Sa devrait marcher mais seul en le testant tu poura le vérifier :P
<body bgcolor="#FFFFFF">
<table id="Tableau_01" width="2049" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img id="index_01" src="images/index_01.jpg" width="2048" height="168" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="168" alt="" /></td>
</tr>
<tr>
<td rowspan="13">
<img id="index_02" src="images/index_02.jpg" width="774" height="1219" alt="" /></td>
<td colspan="11" rowspan="2">
<img id="index_03" src="images/index_03.jpg" width="364" height="12" alt="" /></td>
<td colspan="4">
<img id="index_04" src="images/index_04.jpg" width="106" height="10" alt="" /></td>
...
en gros c'est generé par photoshop mais bien trop grand pour les resolutions (ce que je veux mais ce que je n'arrive pas c'est quand je 'load' ma page c'est arriver au centre de celle ci (en horizontal)) ^^"