Site suivant résolution

sophie_dev · 5 Novembre 2009

Bonjour,

avec l'aide de certains ici, j'ai enfin réussi à centrer verticalement mon image d'accueil avec le bouton entrer juste en dessous.

Par contre, suivant la résolution, eh bien cela fou le bord** partout..

Ce que j'avais fait était parfait pour une résolution 1280*1024, mais quand je passe en 1024*768, la résolution peut être la plus répandue encore, ben c'est tout moche...

L'image est toujours centrée, mais n'est plus visible entièrement il faut dérouler le menu roulant et le bouton entrer se trouve sur la photo d'accueil.

Voilà ce que j'ai fait:

XHTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Created on: 03/11/2009 -->
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="index.css" />

<style type="text/css">
<!--
body {
	background-color: #333333;

}
-->
</style><div class="img"><img src="images/atrium repbis.jpg" alt="" /></div>
<div class="img2"><img src="images/Entrer.bmp" alt="" /></div>


<body>

CSS:

_AT_charset "utf-8";
/* CSS Document */

#page{
width: 100%}

.img {
position:absolute;

/* Centrer verticalement */
top: 50%;
margin-top: -266px;

/* Centrer horizontalement */
left: 50%;
margin-left: -360.5px;
}
.img2 {
position:absolute;

/* Centrer verticalement */
top: 100%;
margin-top: -67px;

/* Centrer horizontalement */
left: 50%;
margin-left: -17px;

Pourriez vous m'éclairer et me dire comment faire pour que cette page s'adapte à toutes les résolutions ?

Merci par avance, car je ne trouve ps après avoir pourtant arpenté google dans tous les sens...

PotatoesJunky · 5 Novembre 2009

C'est sans doute possible à réaliser, mais en attendant, pourquoi est-ce que la version actuelle ne s'adapte pas à toutes les résolutions ?

Tout simplement parce que les margins sont définis en pixels, donc avec une taille fixe, ce qui fait que, quelle que soit la résolution, on aura un margin fixe et identique.

Dans l'idéal, il faudrait donc jouer avec des margin en %, mais les calculs vont être fastidieux.

Est-ce bien nécessaire de vouloir s'adapter à toutes les résolutions ?

Une majorité de sites se contentent d'un affichage en 1024 centré (standard actuel).

Ou alors abandonner le centrage vertical pour se contenter d'un centrage horizontal ?

Connexion

Site suivant résolution

Sujets conseillés

sophie_dev

PotatoesJunky

Veuillez vous connecter pour commenter

Parcourir

Activité