un div qui décale

un div qui décale - HTML/CSS - Programmation

Marsh Posté le 25-05-2006 à 14:07:07    

bonjour je suis sur un projet de reloucage de site . le site je les fait sur du 760px/600 avec des tableaux je travail sur un écran de résolution 1024, jusque la c'est bon .j'utilise un seul div pour la navigation que j'applique la position absolut: mais si je le tester sur une résolution de 800px le  div est toujour décalé  et vis ver sa. alors ma question est la suivante quelle propriété doit l'acompagner pour que sa ne décale pas quel que soit la résolution.
merci pour votre aide.

Reply

Marsh Posté le 25-05-2006 à 14:07:07   

Reply

Marsh Posté le 25-05-2006 à 15:25:02    

aidez moi

Reply

Marsh Posté le 25-05-2006 à 15:37:52    

des explications floux (tu ne dis nulle part comment sont positionné les tableaux et le div) et aucun code html de présenté => impossible de t'aider vu qu'en fonction des cas, les propriétés css du div à modifier ne seront pas les même.
 
Par contre si tu nous fournis des détails suplémentaires, on t'aidera volontier. :)

Reply

Marsh Posté le 25-05-2006 à 16:00:36    

la disposition des tableaux est : align=center
le div se trouve dans un tableau: <TABLE class="ar1" cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TR>
    <TD height="19" colspan="3" valign="top">
<div id="menu" align="center">le contenu</div>
</TD>
    </TR></TABLE>
voicile code css #menu { position: absolute; /* placement du menu, à modifier selon vos besoins */
 top: 76px;
 left: 161px;
 z-index:100;
 width: 674px;
 height: 21px;  
}

Reply

Marsh Posté le 25-05-2006 à 17:14:47    

"position: absolute" = "L'emplacement de la boîte (et éventuellement sa taille) est déterminé par les propriétés 'left', 'right', 'top',
et 'bottom'. Celles−ci spécifient les déplacements en fonction du bloc conteneur." (dixit une traduction de la documentation sur les css fait par le w3c)
 
En clair, en mettant "position: absolute", le align="center" sera ignoré. Il faut donc l'enlever ainsi que le "left" correspondant vu qu'ils ne servira plus à rien. A la place du "top", met un "margin−top" dans le css, ca te permettra de garder la même mise en page (il te faudra peut être régler la hauteur à cause des marges interne ou externe des autres éléments)
 
PS : Tant qu'a utiliser des css, en css, l'équivalent de "align='center'" est "text-align=center".


Message édité par omega2 le 25-05-2006 à 17:17:16
Reply

Marsh Posté le 25-05-2006 à 18:04:29    

merci grace aux conseils j'ai pu corriger le code et sa marge dans les 2 résolutions.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed