Permalänk
Medlem

Div visas inte i IE7

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;

Permalänk

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

Pröva den istället.

Permalänk
Medlem
Skrivet av Dai the Flu:

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

Pröva den istället.

Syns ändå inte i IE7, tyvärr.

Permalänk
Medlem

Känns på nåt sätt som om den hamnar bakom de andra divarna.

Permalänk
Medlem

testa att ge .webshop_login width och height.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

testa att ge .webshop_login width och height.

Visas tyvärr inte då heller. Det intressanta är att divarna i fråga visas om de placeras inom andra delar av siten än <div id="body"><div id="main"><div id="header"> som de nu ligger inom. Så på nåt sätt känns det som om dessa lägger sig över och skymmer på något vis.

Edit: jag kan se hur den flashar till och sen försvinner på rätt plats

Permalänk
Medlem

Har identifierat att om jag tar bort
<a href="/default.aspx"><img alt="Main" src="/media/11/logo.png" / style="border: none;" height:212px; width:174px;></a>
som ligger i headerdiven tillsammans med de drabbade divarna ...så visas dem. Då är frågan vad som gör att denna bild stör ut divarna.

Permalänk

Nu kanske jag är helt ute och cyklar, är lite småtrött, men testa sätta med "display:inline"...

Visa signatur

Q6600 @ 3.2GHz | 2*4 Corsair XMS2 5-5-5-12 @ 1003 | Club3D HD4850 | Asus P5Q Pro

Permalänk
Medlem
Skrivet av Matte Hedström:

Nu kanske jag är helt ute och cyklar, är lite småtrött, men testa sätta med "display:inline"...

Fasiken, det fungerar inte heller! Helt knasigt det här.

Permalänk
Inaktiv

Varför har du position: relative; på webshop_login_box?

Permalänk
Medlem
Skrivet av anon150287:

Varför har du position: relative; på webshop_login_box?

Anledningen är att jag har en ribbon som ligger i en div som täcker underkanten på en kontroll som jag har innanför webshop_login_box taggarna. Den täcker en knapp som då inte blir klickbar i FF om jag kör utan position: relative;
Det påverkar dock inte IE7 problematiken om jag plockar bort position: relative;

Permalänk

<a href="/default.aspx"><img alt="Main" src="/media/11/logo.png" / style="border: none;" height:212px; width:174px;></a>

Snedstrecket som är precis innan style, har du det i din skarpa kod? Det är inte med när du pasteade men det ställer säkert till problem om du skulle råka fått med det.

Permalänk
Medlem

position:absolute; ?

Visa signatur

Citera för svar

Permalänk
Medlem
Skrivet av Dai the Flu:

<a href="/default.aspx"><img alt="Main" src="/media/11/logo.png" / style="border: none;" height:212px; width:174px;></a>

Snedstrecket som är precis innan style, har du det i din skarpa kod? Det är inte med när du pasteade men det ställer säkert till problem om du skulle råka fått med det.

Nej, det är inte med. Synd, för jag hoppades på att det var en sån enkel quickfix

Permalänk
Medlem
Skrivet av FWerner:

Har identifierat att om jag tar bort
<a href="/default.aspx"><img alt="Main" src="/media/11/logo.png" / style="border: none;" height:212px; width:174px;></a>
som ligger i headerdiven tillsammans med de drabbade divarna ...så visas dem. Då är frågan vad som gör att denna bild stör ut divarna.

Det är inte bilden som stör ut, det är att du inte stänger ditt style-attribut ordentligt. Du har sista citationstecknet innan height- och width-parametrarna.

Visa signatur

Kom-pa-TI-bilitet

Permalänk

Jag facepalme:ar mig själv eftersom jag quotade samma text, så jäkla lätt att missa sånt. Förstå hur mycket tid man skulle spara när man kodar om man hade ett par extra ögon man kunde ploppa upp och syna koden med.