Mise en page

DOB1972 Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
titus22 Messages postés 1918 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

1 réponse

Réponse 1 / 1
titus22 Messages postés 1918 Date d'inscription   Statut Membre Dernière intervention   640
 
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
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
titus22 Messages postés 1918 Date d'inscription   Statut Membre Dernière intervention   640
 
par exemple :
#bas {
height:10%;
background: url(theme/bas.png) no-repeat center;
}
0