Hi guys !
this is a ie7+ VS the world problem…
I have a align problem which is probably caused by a containing <div> but I cant figure out which one it is…or maybe this is not the problem at all ?
In the right part of the main area, which the backgroud is blue, I cant figure out why I cant align the “Connexion” button with the “Devenir Client” button, then why the textfield dosent have the same lenght in ie. Finnaly, I need help getting the “Devenir Client + obtenir un prix” text in the right area…
here is the URL : [URL=”http://beta.ricaiwa.ca/vfi/”]http://beta.ricaiwa.ca/vfi/
[URL=”http://beta.ricaiwa.ca/vfi/style/core.css”]full CSS
html
[CODE]
<div id=”column_right”>
<div id=”addPad10″>
<h3>Se Connecter</h3>
<form id=”simplyForm” action=””>
<fieldset>
<label for=”userID”>
Usager<br>
<input id=”userID” name=”userID” size=”20″ type=”text” value=”” />
</label>
<label for=”passW”>
<br>Mot de passe<br>
<input id=”passW” name=”passW” size=”20″ type=”password” value=”” />
</label>
<br><br><span class=”spanBtn”><input id=”btnConnect” type=”submit” value=”Connexion” /></span><br><br>
</fieldset>
</form>
<p>
Nous offrons à nos clients une multitude d’outils en ligne pour facilliter la gestion de leur projets.
Contactez nous pour voir ce que nous pourions faire pour vous aider a réaliser votre projet.
</p>
<div class=”deve”>
<div id=”containDevenir”>
<div id=”txtDevenir”>
<p id=”pTxtDevenir”>Devenir Client <br><span>+ obtenir un prix</span></p>
</div>
</div>
</div>
</div>
</div>
css
[CODE]
.core #column_right{width:30%; float:left; background-color:#014067; overflow:hidden; }
.core #addPad10{padding-left:10px;padding-right:10px;}
div.spacer{clear:both; height:10px; display:block;}
/* ——————————
CUSTOM CLASSES
—————————— */
.spanBtn{ text-align:right; width:100%; float:right;}
.spanBtnPad{ text-align:right; width:100%; float:right; padding-right:10px;}
.core #btnConnect{
margin:0px;
background:transparent url(../img/base/btnConnect.png);
border:0px;
color:#cccccc;
font-size:18px;
cursor:pointer;
height:48px;
width:121px;
text-align:center;
}
.deve #containDevenir{
margin:0px;
border:0px;
height:86px;
width:170px;
cursor:pointer;
position:relative;
float:right;
background:transparent url(../img/base/devenir2.png) no-repeat;
padding-right:12px;
}
.deve #txtDevenir{
position:absolute;
padding-left:70px;
padding-top:10px;
height:100%;
width:100%;
overflow:hidden;
}
.deve #pTxtDevenir{font-size:14px;line-height:1.5;font-weight:bold;}
Thanks for your help !!