Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1997 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  un div qui décale

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

un div qui décale

n°1374908
diarise
Posté le 25-05-2006 à 14:07:07  profilanswer
 

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.

mood
Publicité
Posté le 25-05-2006 à 14:07:07  profilanswer
 

n°1374936
diarise
Posté le 25-05-2006 à 15:25:02  profilanswer
 

aidez moi

n°1374937
omega2
Posté le 25-05-2006 à 15:37:52  profilanswer
 

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. :)

n°1374945
diarise
Posté le 25-05-2006 à 16:00:36  profilanswer
 

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;  
}

n°1374982
omega2
Posté le 25-05-2006 à 17:14:47  profilanswer
 

"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
n°1375002
diarise
Posté le 25-05-2006 à 18:04:29  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  un div qui décale

 

Sujets relatifs
Block qui se décale sous Firefox!!Menu déroulant decalé
Affichage décalé de mon image selon le Navigateur..Mon menu CSS décale tout !!!
Pb avec un menu superposé à un bloc qui décale le texte[JAVASCRIPT] Faire afficher d control et décalé le reste du formulaire
[Calques] Help ! La position relative me decale tout !www.angelscreation.fr.st/home. php l'interface est decale ke faire ??
Plus de sujets relatifs à : un div qui décale


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)