Optimiser l'affichage !

Mardi 23 Septembre 2008 10:14

Voilà je cherche a optimiser l'affichage de notre site (htt://www.upktt.fr)

Je souhaites que la page affichée s'ajuste à l'écran que ce soit un 17" ou un 24"

Comment faire pour réaliser ça ?

Mardi 23 Septembre 2008 11:49

dans tes width=" ..." il faut utiliser des % au lieu de pixel Clin d'oeil
--------------------------------------------------------------------
exemple :

td width="530" height="19" bgcolor="#ccffff" /td
devient
td width="75%" height="19" bgcolor="#ccffff" /td
(à vue de nez)


(j'ai enlevé les > et < pour éviter que le navigateur interpréte le code sur cette page)
Message modifié 3 fois, dernière modification Mardi 23 Septembre 2008 11:51 par EnergieZ
http://tt.mereville.free.fr <-- refait a neuf

Mardi 23 Septembre 2008 12:02

ah niquel Émoticône

fallais y penser ^^'

Mercredi 05 Août 2009 14:37

Merci pour cette aide =)
Message modifié 1 fois, dernière modification Mercredi 05 Août 2009 17:37 par d_vario_s

Jeudi 06 Août 2009 09:39

Méfie toi de la différence de rendu entre IE et Firefox si tu utilise des %.

A une époque, je ne sais pas si ça a été corrigé mais pour IE il fallait mettre 99% et jamais 100% souis peine de bug.
Diffusez vos matchs et vidéos en direct live sur http://www.pingendirect.fr/

Mercredi 26 Août 2009 00:25

Salut,

le terme exact pour désigner ça s'appelle un design extensible. Le design s'adaptera à tous les écrans, que ce soit celui d'un iphone, d'un 24" ou d'un home cinéma.

Par contre, il faut définir des marges précises, sinon le rendu ne sera pas top.

Pour les bogues d'IE, bah oui il y en a encore beaucoup, les principaux dont tu dois te méfier c'est :
- des propriétés CSS 2 qu'il ne connaît pas (u trouveras ça sur le web) ;
- des sélecteurs (ex: attr), des pseudo-formats (ex: focus) ;
- du calcul des boîtes : rapport contenu/marge interne/bordure, exemple :
si tu mets ce code css :
#menu
{
width: 100px;
padding: 5px;
border: 3px solid red;
}

Pour un navigateur "aux normes" (pour ne citer qu'eux : chrome, mozilla, opéra, safari), tu auras :
menu(100px) + marge interne(5px*2 :de chaque côté) + bordure(3px*2) = 116px

Par contre pour certaines versions d'IE tu auras :
width(100px) - marge interne (5px*2) - bordure (3px*2) = 84px pour width pour le reste, c'est-à-dire 100px de largeur totale incluant deux marges internes de 5px et 2 bordures de chaque côté de 3px chacune : ton espace vide n'aura alors que 84px de large contre 100 pour des navigateurs aux normes.

J'espère avoir éclairci pour les principaux bogues d'IE, dis moi si je n'ai pas été clair. Bon courage pour ton design.

Sol'

Mardi 15 Septembre 2009 00:27

depuis septembre 2008 j'espère qu'il l'as fini son design... Content
0
0
7 messages

Vous êtes ici : Accueil > Forums > Développement de vos sites