Un petit message pour un peu d'aide.
La construction de la première page de mon site perso se passe nickel.
J'ai juste un little soucy.
Le little soucy est que mon site s'affiche correctement mais la première page est grande.
Alors pour la voir en entier j'ai fait un zoom 75% avec IE.
Et la c'est le drame tout se decale.
J'espère avoir été clair et si vous avez une aide à me donner pour que ma page quelque soit le zoom employé sur les navigateurs garde sa mise en page, je vous écouterais attentivement.
Re, en fait c'était juste pour voir ma page en entière.
Effectivement tous mes éléments sont en pixel et non en %.
Bon j vais devoir refaire toute la mise en page avec les %, bon bah go, au boulot.
je te post quand même mes codes html et CSS
codes HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Le photovoltaique de A à Z</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="titre" href="css/positionfond.css" />
<!-- liens vers fichier CSS de la position de l'image de fond -->
<link rel="stylesheet" media="screen" type="text/css" title="titre" href="css/misepageindent.css" />
<!-- liens vers fichier CSS de la position de l'image de fond -->
<link rel="stylesheet" media="screen" type="text/css" title="titre" href="css/realiser.css" />
<!-- liens vers fichier CSS de la position de l'image de fond -->
<link rel="stylesheet" media="screen" type="text/css" title="titre" href="css/barremenu.css" />
<!-- liens vers fichier CSS de la mise en page de la barre de menu -->
<link rel="stylesheet" media="screen" type="text/css" title="titre" href="css/menugauche.css" />
<!-- liens vers fichier CSS de la mise en page du menu de gauche -->
<link rel="stylesheet" media="screen" type="text/css" title="titre" href="css/encadre.css" />
<!-- liens vers fichier CSS de la mise en page de l'encadré du milieu -->
</head>
<body>
<!-- cadre du fond -->
<div id="cadre">
<p><img src="css/image/cadre.png") /></p>
</div>
<!-- cadre du fond -->
<!-- cadre du fond -->
<div id="cadre2">
<p><img src="css/image/cadre2.png") /></p>
</div>
<!-- cadre du fond -->
<!--bloc identifiant,mot de passe, oublie, inscription-->
<div id="bouton_inscrip">
<div id="ident">
<form method="post" action="traitement.php">
<p> <label for="identifiant">Identifiant</label>
<input type="text" name="identifiant" id="identifiant" size="12" maxlength="20" value="" /></p>
</form>
</div>
<div id="motpasse">
<form method="post" action="traitement2.php">
<p><label for="motpasse">Mot de passe</label>
<input type="password" name="mot de passe" id="motpasse" size="12" maxlength="20" value="" /></p>
</form>
</div>
<div id="oublipasse">
<p><a href="oublimot.html">mot de passe oublié</a></p>
</div>
<div id="boutons">
<form method="post" action="traitement3.php">
<p><label for="bouton"></label>
<input type="submit" value="Inscription" /></p>
</form>
</div>
</div>
<!--bloc identifiant,mot de passe, oublie, inscription-->
<!--logo du site -->
<div id="logo">
<p><img src="css/image/logo.png" alt="" class="position" /></p>
</div>
<!--logo du site -->
<!--liens qui m'ont aidé à réaliser le site + commentaires-->
<div id="realiser">
<p><div id="realiser"> Ce site a été entièrement réalisé par Thibault POUVESLE<br />
à l'aide du site:<a href="http://www.siteduzero.com" title="liens vers le site">Le site du ZérO</a><br />
Et grâce à mes différentes expériences professionnelles dans l'électricité <br />
et le photovoltaïque:<a href="http://www.solairedirect.fr" title="liens vers le site">solairedirect</a></p>
</div>
<!--liens qui m'ont aidé à réaliser le site + commentaires-->
<!-- barre de menu -->
<div id="barremenu">
<table>
<tr>
<div id="accueil">
<td><a href="page1.html">ACCUEIL</a></td>
</div>
<td><a href="page2.html">ACTUALITES</a></td>
<td><a href="page3.html">FORUM</a></td>
<td><a href="page4.html">FORMULAIRE</a></td>
<td><a href="page5.html">REMERCIEMENTS</a></td>
</tr>
</table>
</div>
<!-- barre de menu -->
<!-- menu de gauche -->
<!-- menu histoire -->
<div id="histoire">
<p>Un peu d'histoire</p>
<a href="page6.html">L'électricité et son histoire</a><br />
<a href="page7.html">Le photovoltaïque et son histoire</a>
</div>
<!-- menu histoire -->
<!-- menu fondamentaux -->
<div id="fondamentaux">
<p>Les fondamentaux</p>
<a href="page8.html">Les règles de l'électricité</a><br />
<a href="page9.html">Les règles du photovoltaïque</a>
</div>
<!-- menu fondamentaux -->
<!-- menu technologie -->
<div id="technologies">
<p>Les technologies</p>
<a href="page10.html">Le monochrystallin</a><br />
<a href="page11.html">Le polychrystallin</a><br />
<a href="page12.html">Les couches minces</a><br />
<a href="page12.html">D'autre technolgies</a><br />
</div>
<!-- menu technologie -->
<!-- menu liens utiles -->
<div id="liensutiles">
<p>Liens utiles</p>
<a href="http://www.siteduzero.com/" title="site d'apprentsissage en programmation">Le site du ZérO</a><br />
<a href="http://www.solairedirect.fr"/ title="site d'installations photovoltaïque">solairedirect</a><br />
<a href="http://www.gimp.org/" title="site création graphique">Gimp 2</a><br />
</div>
<!-- menu liens utiles -->
<!-- menu de gauche -->
<!-- encadré du milieu -->
<div id="encadre">
<p></p>
</div>
<!-- encadré du milieu -->
<!--encadré du bas de page -->
<div id="cadrebas">
<p><img src="css/image/cadre.png") /></p>
</div>
<div id="pasquoi">
<p>Je sais pas quoi mettre encore dans l'encadré</p>
</div>
</body>
</html>
code CSS
non de la page CSS="misepageindent.css"
#oublipasse a
{
color:black;
text-decoration:none;
font-size:9px;
font-family:arial;
}
Bon, j'me repond,
en fait jiai trouvé une solution, j'ai tout passé mes block en
#.......
{
position:absolute;
}
ca m'a pris du temps car j'ai du tout refaire la mise en page avec les bon "margin", car tout du coup s'était décalé, mais le problème est résolu, ma mise en page reste la même en faisiant zoom 50 a 200% avec le navigateur.
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
soit de créer un nouveau sujet décrivant votre propre contexte
ne pas répondre à un déterrage et le signaler à la modération
Pas d'aide concernant le code par MP, le forum est là pour ça :)