problème float et lien hypertexte IE6

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : problème float et lien hypertexte IE6

ndbconseil

Bonjour,

J'ai placé mes boutons avec des float afin qu'ils ne bougent pas au redimensionnement du navigateur sous IE6 (ouverture des favoris par exemple). Sous FF et IE7 il n'y a aucun soucis.

voici mon css :

Code :

#patrimoine {
width: 262px;
height: 206px;
background-repeat:no-repeat;
background-image: url(../images-css/encart-patrimoine.jpg);
margin-left: 674px;
margin-top: -219px;
}
#bouton-impots {
width: 92px;
height: 24px;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images-css/impots.png');
margin-left: -92px;
margin-top: 80px;
float: left;
}
#bouton-transmettre {
width: 92px;
height: 24px;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images-css/transmettre.png');
margin-left: -92px;
margin-top: 109px;
float: left;
}
#bouton-argent {
width: 92px;
height: 24px;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images-css/argent.png');
margin-left: -92px;
margin-top: 138px;
float: left;
}
#bouton-simulation {
width: 92px;
height: 24px;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='./images-css/simulation.png');
margin-left: -92px;
margin-top: 167px;
float: left;
}

et la page html correspondante :

Code :

<div id="patrimoine">
<a href="http://www.google.fr"><div id="bouton-emprunt"></div></a>
<a href="http://www.google.fr"><div id="bouton-impots"></div></a>
<a href="http://www.google.fr"><div id="bouton-transmettre"></div></a>
<a href="http://www.google.fr"><div id="bouton-argent"></div></a>
<a href="http://www.google.fr"><div id="bouton-simulation"></div></a>
</div>

J'ai remarqué qu'en mettant "position:absolute" au <div id="patrimoine"> les liens de boutons redevenaient actifs mais que c'était au tour de l'encart patrimoine lui-même de bouger au redimensionnement de la fenêtre !

Merci de pouvoir m'éclairer sur ce point.

Publicité

gebruik

Déjà, tu ne peux pas placer une balise <div> dans une balise <a> (un élément de type en-ligne ne peut pas avoir pour descendant autre chose qu'un élément de type en-ligne, donc pas un bloc).
Ensuite, ta balise <div>, elle ne te sert à rien.
Contente-toi de balises <a> pour faire des boutons, à mettre dans une liste (ul, li) pour en faire un menu sémantique et accessible.
Pour utiliser float et avoir l'effet escompté, il te suffira d'ajouter une propriété display:block pour tes <a>.

FORUM HardWare.fr

Programmation

HTML/CSS

problème float et lien hypertexte IE6

Sujets relatifs
Probleme sur VBA	Problème </map> RESOLU
Problème Batch, besoin conseil	Comment afficher une image dans un div au survol d'un lien?
probleme de split d'une variable	Problème d'initialisation d'un tableau de caractères
probleme d'affichage d'image en php	problème décalage div à l'ajustement de la fenêtre sous IE
[Javascript] Problème simple de syntaxe !	Probablement un problème de regexp....? (extraction d'URL)
Plus de sujets relatifs à : problème float et lien hypertexte IE6

Page générée en 0.070 secondes