float et IE

[seultouman]

Bonjour à tous,

Peutêtre quelqu'un ici saura me répondre ...

Alors voilà mon problème, plutot qu'un long discour voici quelques images qui parlent d'elles mêmes :

Navigateur Mozilla ou Opera :

Et avec IE voilà ce que j'obtiens :

Si vous voulez-voir "en live" c'est ICI.

Voilà le code du début du bloc :

<div class="tableborder">

<div class="maintitle" align="right" style="float:right;width:auto;">
	<img src="portail_sources/images/close.gif" border="0" style="CURSOR:pointer" onClick="barToggle('navigation',this,'portail_sources/images/')" alt="Agrandir" /> </div>

<div class="maintitle" align="left">
	<img src="{images_rep}/nav_m.gif" border="0"  alt="" width="8" height="8" /> Navigation</div>

<div class="tablepad" id="navigation">
<a href="{url_site}">Accueil</a><br />
...............

Et les classes utilisées :

.tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(./style_images/1/tile_back.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

Est-ce que quelqu'un a une idée pour résoudre ce problème ?

En tous cas merci de m'avoir lu

Sympa le site

[seultouman]

bah alors googlebot t'as pas la réponse ?

[Fruge]

Moi aussi j'ai constaté que Google s'était empréssé de venir voir ce nouveau post

Fruge.

[seultouman]

youhouuu j'ai trouvé !!

dans la class CSS suivante en enlevant ce que je viens de mettre en gras :

maintitle { vertical-align:middle; font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(./style_images/1/tile_back.gif) }

en fait cela doit être un "résidut" de code d'une version précédente, mais complètement inutil puisqu'il y'a le padding qui fixe la position du titre

voilà c'est bon, merci de votre participation

[Raphael]

Le problème c'est qu'au départ, tu essaye de faire des mises en pages CSS avec des propriétés dépréciées (align="right"), donc ensuite il faut bidouiller pour retomber sur ses pieds