Centrage d'un webdesign créé via photoshop html ?

bonjour,

comme l'indique le titre du post j'ai un problème au sujet du centrage de mon webdesign que j'ai créé via photoshop.

je l'es importé une fois fini puis téléchargé dans mon ftp. a présent je cherche a faire en sorte que mon site ce centre automatiquement sur n'importe quel résolution d’écran. je sais pas si j'arrive a me faire comprendre, bref voici mes deux fichiers :

style.css

#Tableau_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1800px;
	height:4850px;

}

#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1800px;
	height:1463px;

}

#index-02 {
	position:absolute;
	left:0px;
	top:1463px;
	width:922px;
	height:1px;

}

#v3-03 {
	position:absolute;
	left:922px;
	top:1463px;
	width:752px;
	height:362px;
}

#index-04 {
	position:absolute;
	left:1674px;
	top:1463px;
	width:126px;
	height:3387px;
}

#index-05 {
	position:absolute;
	left:0px;
	top:1464px;
	width:120px;
	height:3386px;
}

#v3-03006 {
	position:absolute;
	left:120px;
	top:1464px;
	width:752px;
	height:361px;
}

#index-07 {
	position:absolute;
	left:872px;
	top:1464px;
	width:50px;
	height:3386px;
}

#index-08 {
	position:absolute;
	left:120px;
	top:1825px;
	width:752px;
	height:53px;
}

#index-09 {
	position:absolute;
	left:922px;
	top:1825px;
	width:752px;
	height:3025px;
}

#index-10 {
	position:absolute;
	left:120px;
	top:1878px;
	width:2px;
	height:2972px;
}

#v3-11 {
	position:absolute;
	left:122px;
	top:1878px;
	width:750px;
	height:348px;
}

#index-12 {
	position:absolute;
	left:122px;
	top:2226px;
	width:750px;
	height:2624px;
}

index.html

<!DOCTYPE html>
<html>
<head>
<title>v3</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <LINK rel="stylesheet" type="text/css" href="style.css">

<!-- End Save for Web Styles -->
</head>
<body>
<!-- Save for Web Slices (v3.psd) -->
<div id="Tableau_01">
	<div id="index-01">
		<img src="images/index_01.png" width="1800" height="1463" alt="">
	</div>
	<div id="index-02">
		<img src="images/index_02.png" width="922" height="1" alt="">
	</div>
	<div id="v3-03">
		<a href="http://epticlife.com/">
			<img src="images/v3_03.png" width="752" height="362" border="0" alt=""></a>
	</div>
	<div id="index-04">
		<img src="images/index_04.png" width="126" height="3387" alt="">
	</div>
	<div id="index-05">
		<img src="images/index_05.png" width="120" height="3386" alt="">
	</div>
	<div id="v3-03006">
		<a href="http://team-eptic.com/">
			<img src="images/v3_03-06.png" width="752" height="361" border="0" alt=""></a>
	</div>
	<div id="index-07">
		<img src="images/index_07.png" width="50" height="3386" alt="">
	</div>
	<div id="index-08">
		<img src="images/index_08.png" width="752" height="53" alt="">
	</div>
	<div id="index-09">
		<img src="images/index_09.png" width="752" height="3025" alt="">
	</div>
	<div id="index-10">
		<img src="images/index_10.png" width="2" height="2972" alt="">
	</div>
	<div id="v3-11">
		<a href="http://team-eptic.com/bma/">
			<img src="images/v3_11.png" width="750" height="348" border="0" alt=""></a>
	</div>
	<div id="index-12">
		<img src="images/index_12.png" width="750" height="2624" alt="">
	</div>
</div>
<!-- End Save for Web Slices -->

</body>
</html>

plus le .psd pour les curieux :

https://mega.co.nz/#!HxoRQDSK!x2vLUW51r-fB3HtwGyttk2kQOkzFJjB7dFdN4W8Vhsg

& le lien du site :

http://team-eptic.com/flat/

Merci,

-
Edité par LoicNogier2 30 avril 2015 à 16:47:46

html/ css

Centrage d'un webdesign créé via photoshop html ?

Supprimer

Modérer

Signaler le message aux modérateurs