Mise en page

DOB1972 -  
Bonjour,

Je suis en train de faire une page internet, et j?ai fait le montage après l'avoir découpé de PS. Je travaille sur une écran de 21.5" et tout va pour le mieux. Le problème est quand je le regarde avec mon portable tout est décalé... voici mon CSS:

body {
background: url(theme/back.jpg) no-repeat top center #000000;
margin:0;
padding:0;
font-family:Verdana,Geneva, sans-serif;
}

#top{
height:34px;
background: url(theme/haut.png) no-repeat top center;
margin:265px 0 0 0;
}

#contenu {
background: url(theme/corps.png) repeat-y center;
text-align:center;

}

#menu {
height:51px;
background: url(theme/menu.jpg) no-repeat center;
padding: 0 0;
text-align:center;
}

#bas {
height:31px;
background: url(theme/bas.png) no-repeat center;

}

#photo {
height:390px;
background: url(theme/photoC.jpg) no-repeat center;
margin: 20px 0 0 0;

Dois-je changer les px pour des %?

Le code HTML est:

¨<body>
<div id="top"></div>
<div id="contenu">
<div id="menu">
<ul>
<li><a id="a" href="#"></a></li>
<li><a id="b" href="#"></a>

<ul class="sousMenu">
<li><a id="f" href="ainte.html"></a></li>
<li><a id="g" href="cdesign.html"></a></li>

</ul>

</li>
<li><a id="c" href="mobilier.html"></a></li>
<li><a id="d" href="partenaires.html"></a></li>
<li><a id="e" href="contact.html"></a></li>
</ul>

</div>
<div id="photo"></div>
</div>
<div id="bas"></div>

merci beaucoup pour votre aide.

Bonne soirée,

Carlos

1 réponse

  1.  titus22
    La résolution de ton portable est plus faible que celle de ton moniteur.
    Je te conseille d'utiliser des pourcentage au lieu d'imposer des tailles fixes en px.
    1
    1. dob1972
      merci beaucoup titus...mais sur quoi? sur width? par rapport au code que j'ai mis sur le message, où il faut mettre le 100%?
      0
    2. titus22
      par exemple :
      #bas {
      height:10%;
      background: url(theme/bas.png) no-repeat center;
      }
      0

Discussions similaires

Retour en arrière avec Pages sur Mac ?
alex 2510

13 réponses