|
|
|
|
Bonjour,
J'utilise l'éditeur SITE CREATEUR EXPERT , mais je ne parviens pas à adapter mon site automatiquement à la résolution écran des visiteurs .
J'ai tenté la solution "body{width:100%;}" sans succès.
Dois-je changer d'éditeur ? Si oui, quel éditeur (wysiwyg) me recommandez vous ? Merci
Configuration: Windows XP Internet Explorer 7.0
Bonjour,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="en"> <head> <!--Serif WebPlus 9 HTML Export--> <!--Supports HTML 4.01--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Generator" content="Serif WebPlus 9.0.1b"> <title>Contact</title> <style type="text/css"> <!-- body {margin: 0px; padding: 0px;} .Normal-P { margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:left; font-weight:400; } .Normal-C { font-family:"Arial", sans-serif; font-size:6.8pt; line-height:1.33; color:#006699; } --> </style> … </head>Tu peux vérifier que ce qui concerne le body {margin: 0px; padding: 0px;}se trouve entre<style type="text/css"> ••• </style>lui même entre <head> ••• </head>C'est là que tu peux ajouter ce que tu veux : body {margin: 0px; padding: 0px; width:100%;}
|
Salut.
|
Revenons à tes moutons.
width:100%;sert à ça. Ça ne changera rien, mais commence par supprimer <body{width:100%;}>Nos navigateurs t'en remercierons (-;
Ce que tu as fait ensuite est bon. Mais reste sans effet parce que tout ce que contient ton bloc principal est défini avec des dimensions précises width:338px; width:720px; width:44px;etc. Avec en plus, des position:absolute;Tout ça est très précis et indique très clairement que la structure ne doit pas bouger. Essaye en agrandissant la taille du texte à l'écran. Il sort de tes blocs. Les blocs restent immuables. Si tu veux que ça s'adapte, tu dois choisir les parties auxquelles tu vas donner de la souplesse, de l'élasticité et leur donner des dimensions en “%”. Tu devras aussi adapter les marges avec des “%”. Mais ça risque de te mettre un sacré bazar… Mais en y regardant bien, le contenu est adapté au contenant. Et comme ton bloc principal fait 720px de large, il est adapté à des résolutions “anciennes” en 800x600. Ça ne me gêne pas de l'avoir au milieu de la fenêtre de mon navigateur (en 1680x1050). Ça serait peut-être plus logique qu'il ne soit pas collé en haut (?) |