webForumDet fria alternativet

Div visas inte i IE7

1 svar · 1 182 visningar · startad av fwerner

fwernerMedlem sedan apr. 20111 inlägg
#1

Hej,
har problem med lite divar som inte visas i IE7 men gör det i IE8 -9 och FF.
Markerat är de som inte syns

<div id="body">
<div id="main">
<div id="header">
<a href="/default.aspx"><img style="border: medium none;" src="/media/11/logo.png" alt="Main"></a>
<div class="webshop_login"><div class="webshop_login_box"></div></div>
</div>
...

webshop_login
float: right;
padding-right: 20px;
padding-top: 40px;

webshop_login_box
background-image: url("../media/739/login_webshop_back.png");
background-repeat: no-repeat;
height: 117px;
padding-right: 33px;
position: relative;
width: 210px;

*har provat att ändra:
background-image: url("../media/739/login_webshop_back.png");
background-repeat: no-repeat;

till

background: url("../media/739/login_webshop_back.png") no-repeat;

utan vidare framgång.*

kw_wasabiMedlem sedan apr. 201010 inlägg
#2

När man använder position i CSS:en så har jag för mig att IE kan positionera fel div över den andra. D.v.s. att webshop_login lägger sig över, och döljer, webshop_login_box i ditt fall. Testa att sätta z-index till 1 på webshop_login_box.

[U][B]webshop_login[/B][/U]
float: right;
padding-right: 20px;
padding-top: 40px;

[U][B]webshop_login_box[/B][/U]
background-image: url("../media/739/login_webshop_back.png");
background-repeat: no-repeat;
height: 117px;
padding-right: 33px;
position: relative;
width: 210px;
[B]z-index: 1;[/B]

Vet inte om det ska vara exakt z-index 1 men testa att experimentera med värdena. Testa även att sätta ett lägre z-index på webshop_login.

Läs mer om z-index: http://www.w3schools.com/Css/pr_pos_z-index.asp

228 ms totalt · 3 externa anrop · v20260731065814-full.ca5a5675
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
226 ms — hämta tråd, inlägg och bilagor (db)