Position absolute avec IE ttes versions
lelol
-
lelol -
lelol -
Bonjour,
je suis en train de modifier une base de site de commande de pièces (proposé par un fournisseur), pour laquelle je n'ai pas accès au HTML. Je souhaite masquer entièrement leur entête bleue, pour rester en accord avec la charte graphique de mon site principal. Pour ça j'ai créé une image de plus de 1600px de large.
L'en-tête est constituée d'un tableau (!!!) dont voici la partie du code qui me gêne :
Il existe un champ dans l'admin qui permet d'inclure du code dans la cellule centrale.
J'y ai donc mis :
et ce css pour aller avec :
Le résultat est très exactement ce que j'en attendais sous Firefox, mais malheureusement, sous toutes les versions de IE, l'image se "colle" à gauche, et ne fait jamais plus de 372px.
Voici un lien pour voir ça : http://shop.euras.com/default.php?&g7=2820804N
Merci vraiment pour toute l'aide que vous pourrez m'apporter....
je suis en train de modifier une base de site de commande de pièces (proposé par un fournisseur), pour laquelle je n'ai pas accès au HTML. Je souhaite masquer entièrement leur entête bleue, pour rester en accord avec la charte graphique de mon site principal. Pour ça j'ai créé une image de plus de 1600px de large.
L'en-tête est constituée d'un tableau (!!!) dont voici la partie du code qui me gêne :
<table border="0" cellpadding="0" cellspacing="0" width="100%" > <tr> <td width="25%" align="left" valign="top" background="./templates/skin_default/templateimages/blau_back3.gif"><img src="./templates/skin_default/templateimages/left_logo.jpg" border="0"></td> <td width="50%" background="./templates/skin_default/templateimages/blau_back3.gif" ></td> <td width="25%" align="right" background="./templates/skin_default/templateimages/blau_back3.gif" valign="top">
Il existe un champ dans l'admin qui permet d'inclure du code dans la cellule centrale.
J'y ai donc mis :
<div id="banner"><img width="100%" height="72px" border="0" repeat="repeat-x!" alt="bannière" style="" src="http://www.vintage-audio-technique.com/shop/bg_logo.png" /></div>
et ce css pour aller avec :
#banner {background-image:url("http://vintage-audio-technique.com/shop/bg_logo.png"); position:absolute; left:50%; margin-left:-840px;}
Le résultat est très exactement ce que j'en attendais sous Firefox, mais malheureusement, sous toutes les versions de IE, l'image se "colle" à gauche, et ne fait jamais plus de 372px.
Voici un lien pour voir ça : http://shop.euras.com/default.php?&g7=2820804N
Merci vraiment pour toute l'aide que vous pourrez m'apporter....
A voir également:
- Position absolute avec IE ttes versions
- Ma position - Guide
- Suivi position google - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Partage position whatsapp - Guide
- Position gps - Guide
3 réponses
en mettant width=100% ca te donne 100% de ta cellule en largeur donc ca va pas
essaie plutot avec width=1100px sur ton image et un margin left de -550 px ;)
et voila ! bonne journée
essaie plutot avec width=1100px sur ton image et un margin left de -550 px ;)
et voila ! bonne journée
Merci Rudak,
Comment ai-je pu passer à côté de ça?? !!!!
Tu sauves ma journée !!
(bon, petit bémol, je vais devoir supprimer la largeur flexible des pages, puisque en utilisant une largeur de bannière fixée en pixels, je me retrouve avec une scrollbar en bas dans des résolutions inférieures...
Mais ceci est un autre problème...
Merci beaucoup...
Comment ai-je pu passer à côté de ça?? !!!!
Tu sauves ma journée !!
(bon, petit bémol, je vais devoir supprimer la largeur flexible des pages, puisque en utilisant une largeur de bannière fixée en pixels, je me retrouve avec une scrollbar en bas dans des résolutions inférieures...
Mais ceci est un autre problème...
Merci beaucoup...