Problème de div Fermé

Question

Bonjour, J'ai une boxe qui change de position quand je change de résolution d'écran. Je ne comprend vraiment pas pourquoi. $data = '

' . '

' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '
' . $random_product['products_name'] . '
~~' . $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '~~
' . $currencies->display_price($random_product['specials_new_products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '

' . '

'; voici le code css: .test{ position:absolute; margin-top:400px; margin-left:200px; z-index:1;} Merci d'avance.

arthezius · Answer

Ton bloc est toujours à 200px sur la gauche.
Toutefois, ne sachant pas par rapport à quoi il se place, difficile de t'aider.

Peux-tu nous mettre deux captures d'écran qui illustre ces différences de placement et le code html/css correspondant.

tak3jm3Awti · Answer

essaie le top au lieu de margin-top et left au lieu de marjin-left

Signature:
Ya Jawi Ya Hsalabane Ya Li Fih l7al Ibane

ciranox · Answer

ok pas de problème ,j'envoie la capture.

merci

ciranox · Answer

voici la capture ou je voudrais que l'image se trouve.

[url=https://www.casimages.com/i/110527045913842691.png.html][img]http://nsa20.casimages.com/img/2011/05/27/mini_110527045913842691.png[/img][/url]

voici la capture quand l'image se déplace.

[url=https://www.casimages.com/i/110527045955923455.png.html][img]http://nsa19.casimages.com/img/2011/05/27/mini_110527045955923455.png[/img][/url]


c'est l'image avec un prix en bas.

Merci

tak3jm3Awti · Answer

regarde ciranox  si par exemple tu fait margin left: 600px dans une résolution de 1200x800 ton div va commencer a environ la moitié de l'écran(qui correspond a 1200/2=600px) , par contre pour une résolution de 800x600 il va dépasser la moitie (qui correspond cette fois ci a 800/2=400px) par 200px

Donc pour fixer un div dans une position quelque soit la résolution on mets le positionnement en %

ciranox · Answer

Salut tak3jm3Awti,

Je viens d'essayer ce que tu viens de me dire de faire ,malheureusement ça ne marche. l'image ce déplace toujours.

arthezius · Answer

L'idéal est de tout placer les éléments par rapport au centre de la page. Voici comment je procède en général. Je place un div container.

Celui défini ma largeur de page et son positionnement. div#container{ width:900px;position:absolute;left:50%;margin-left:-450px; } Tout mes autres éléments viennent à l'intérieur et se place donc par rapport à celui-ci. Je n'ai donc aucun problème avec les différentes résolutions. Exemple: Page

Titre

Contenu de la page.

CSS div#container{ width:900px;position:absolute;left:50%;margin-left:-450px; } div#menu{ width:150px;float:right;background:#f00; } div#contenu{ margin-right:160px;background:#0f0; }

ciranox · Answer

je  vous remercie de votre aide. mais là je suis vraiment découragé. je vais prendre l'air, et je vais travailler dessus demain.

a++

Problème de div

8 réponses

Discussions similaires