Problème de div
ciranox
Messages postés
436
Statut
Membre
-
ciranox Messages postés 436 Statut Membre -
ciranox Messages postés 436 Statut Membre -
Bonjour,
J'ai une boxe qui change de position quand je change de résolution d'écran.
Je ne comprend vraiment pas pourquoi.
voici le code css:
.test{
position:absolute;
margin-top:400px; margin-left:200px; z-index:1;}
Merci d'avance.
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.
8 réponses
-
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. -
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 -
-
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 -
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. -
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>
CSSdiv#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; }-
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 ??
-
-
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++ -
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 %
