Problème de div

ciranox Messages postés 387 Date d'inscription Statut Membre Dernière intervention -
ciranox Messages postés 387 Date d'inscription Statut Membre Dernière intervention - 27 mai 2011 à 17:55

Bonjour,

J'ai une boxe qui change de position quand je change de résolution d'écran.

Je ne comprend vraiment pas pourquoi.

$data = '<div class="test">' .
                   '  <div style="text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold; "> <a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product["products_id"
																																												  ]) . '">' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br /><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . $random_product['products_name'] . '</a><br /><del>' . $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</del><br /><span class="productSpecialPrice">' . $currencies->display_price($random_product['specials_new_products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</span></div>' .
                  '</div>';

voici le code css:

.test{
position:absolute;
margin-top:400px; margin-left:200px; z-index:1;}

Merci d'avance.

Afficher la suite

A voir également:

Problème de div
Div c++ - Télécharger - Langages
<Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
Div pascal - Télécharger - Édition & Programmation
Div x - Télécharger - Conversion & Codecs
Body d'un mailto ✓ - Forum HTML

8 réponses

Réponse 1 / 8

arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention 475

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.

Réponse 2 / 8

tak3jm3Awti

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

Réponse 3 / 8

ciranox Messages postés 387 Date d'inscription Statut Membre Dernière intervention

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

merci

Réponse 4 / 8

ciranox Messages postés 387 Date d'inscription Statut Membre Dernière intervention

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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 8

ciranox Messages postés 387 Date d'inscription Statut Membre Dernière intervention

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.

Réponse 6 / 8

arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention 475

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.

<div id="container">
</div>

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

<div id="container">
<div id="menu">
<p><a href="">Lien1</a></p>
<p><a href="">Lien2</a></p>
</div>
<div id="contenu">
<h1>Titre</h1>
<p>Contenu de la page.</p>
</div>
</div>

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 Messages postés 387 Date d'inscription Statut Membre Dernière intervention

Salut arthezius,

Moi aussi je procède, de la manière que tu viens de l'expliquer.Le problème est que cette fois ci ,je travail sur un site de vente en ligne , et j'utilise oscommerce 2.3.

la boxe promotion ce trouve : C:\Users\********\Desktop\xampp\htdocs\oscommerce\catalog\includes\modules\boxes

j'ai une idée qui me passe par la tete , si dans la DIV centre du site ,je fais une include vers le fichier bm_specials. Peut être ça va marcher ??

Réponse 7 / 8

ciranox Messages postés 387 Date d'inscription Statut Membre Dernière intervention

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++

Réponse 8 / 8

tak3jm3Awti

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 %

Discussions similaires

comment remplacer un #div/0! par une cellule vide

Afficher une case vide au lieu de #DIV/0!

enlever les #DIV/0! dans une colonne calcul d'un tableau croisé

Remplacer #div0 par le chiffre 0

Ne pas afficher #DIV!0 sur une plage de cellu

Votre réponse

Discussions similaires