Discussion :

[webstarfrog]

Bonjour à tous,

voilà, je vous explique le soucis : je suis en train de créer un portail websphere et dans ma bannière j'ai une zone de recherche. Sous cette zone, il y a une image de fond qui se positionne très bien sous Firefox mais qui se décale sous Internet Explorer 6... Je vous montre :

Ce qui donne comme je veux (sur Firefox) : voir img-FF.gif
Ce qui faudrait régler (sur IE6) : voir img-IE6.gif

Voilà mon code :

<table border="0" cellpadding="0" cellspacing="0" style="padding-top:12px;padding-right:37px;">
<tr>
<img src=<portal-logic:urlFindInTheme file='images/recherche.gif'/> style="float:right;padding-right:30px;"/>
<td><span style="white-space:nowrap;" class="wpsInstructionText"><portal-fmt:text key='search.theme.control.label' bundle='nls.engine'/></span></td>
<td <%-- nowrap is deprecated, use css --%> valign="middle" style="padding: 0px 4px 0px 4px;">
<input type="hidden" name="OCN" value="<%= wpsContentNodeID %>" />
<input type="hidden" name="clearifblank" value="1" />
<input type="hidden" name="srchproc" value="" />
<searchmenu:menu
scopeFieldName="scope"
searchFieldName="query"
output="all"
uniqueId="searchTheme"
tabIndex="3"
/>
</td>
<td valign="middle">
<input tabIndex="4" style="white-space:nowrap;" valign="middle" title="<portal-fmt:text key='search.theme.searchresultsicon.alttext' bundle='nls.engine'/>" alt="<portal-fmt:text key='search.theme.searchresultsicon.alttext' bundle='nls.engine'/>" src="<portal-logic:urlFindInTheme file="<%= ic %>"/>" type="image">
</td>
</tr>
</table>


Et voilà mon css :


.rightbanner{
border:none;
/*border-collapse:collapse;*/
cellpadding: 0;
cellspacing: 0;
/*right:0%;*/
padding-top: -50px;
padding-right: 25px;
margin-right: 5px;
/*background-image:url(images/recherche.gif) no-repeat;*/
}

.zonerecherche{
/*padding:0 0 0 0;*/
/*margin:auto;*/
background-image:url(images/recherche.gif);
background-repeat:no-repeat;
background-position:top right;
}




Voilà merci pour votre aide

[c_s_s]

Bonjour,

As-tu un exemple en ligne ?

[romain_ci]

Salut !

Pourquoi utilise tu un table alors que tes données ne sont pas tabulaires ??
Pourquoi avoir un fichier .css si tu utilise la balise style (dans le table) ??

Le code entre balise CODE ca serais simpas !

A mon avis ce décalage doit etre dû au paading que tu as.

[webstarfrog]

Je suis infographiste et ne suis pas une total pro dans le code, vous m'excuserez

En fait, ce code je ne fais que le modifier un peu pour changer graphiquement le portail websphere qui doit faire office de site internet pour ma boite...

Help please

[Dryss51]

A verifier :

Mais je crois que l'attribut "valign" de la balise <td> ne marche pas sous ie6.
Essaie de definir un padding:auto qui mettera le contenu de ton bloc au centre.

Voila une piste a explorer. Je te rassure ie6 a beaucoup de problèmes.........

Mais ce sera bientot de l'histoire ancienne...

Cordialement

[romain_ci]

bientot...

Mais c'est bizare j'y croit pas tro !