Hej!
Jag har gjorde ett formulär som ligger i en iframe på en av våra sidor och det funkar bra i alla webbläsare utom internet explorer där blir bara iframen helt vit och kan inte se varken inputfält eller textareas. Varför blir det så??
Problem med iframe i Internet Explorer
7 svar · 1 549 visningar · startad av ramo_and
Utan någon kod så bli det inte lätt att förstå vad som händer på din sida, doctype och relevant kod+css hade underlättat.
Ska bli! :)
Kod för iframe:
<iframe height="680" name="iframe" src="http://mysite.com/registration.html" style="border: 0px none;" width="530"> </iframe>
Kod för sidan registration:
<style type="text/css">
body {
margin: 0px;
font-family: Arial, sans-serif;
}
p {
font-family: Arial, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
.textfield, textarea {
padding: 5px;
width: 400px;
margin-top: 3px;
background: #222;
border: 1px solid #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #FFF;
font-family: Arial, sans-serif;
}
.button {
background: url(http://mysite.com/images/buy.png) repeat-x;
padding: 6px 8px 7px;
border-top: 1px solid #7efc42;
border-left: 1px solid #7efc42;
border-right: 1px solid #205d00;
border-bottom: 1px solid #205d00;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
color: #FFF;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-family: Arial, sans-serif;
}
.button:hover {
background-position: 0 -35px;
}
</style>
<form id="product_registration" method="post" action="http://mysite.com/cgi-sys/FormMail.cgi" style="width: 530px;">
<input type="hidden" value="support@mysite.com" name="recipient">
<input type="hidden" value="http://mysite.com/thanks.html" name="redirect">
<input type="hidden" value="Produktregistrering" name="subject">
<p>Namn<br><input class="textfield" type="text" size="20" name="Namn"></p>
<p>E-post<br><input class="textfield" type="text" size="20" name="E-post"></p>
<p>Telefon<br><input class="textfield" type="text" size="20" name="Telefon"></p>
<p>Adress<br><input class="textfield" type="text" size="20" name="Adress"></p>
<p>Postnummer<br><input class="textfield" type="text" size="20" name="Postnummer"></p>
<p>Postort<br><input class="textfield" type="text" size="20" name="Postort"></p>
<p>Köpt produkt<br><input class="textfield" type="text" name="Köpt produkt"></p>
<p>Kommentar<br><textarea name="Kommentar" rows="7" cols="40"> </textarea></p>
<p><input class="button" type="Submit" value="Skicka" class="submit"></p>
</form>
och doctype?
Du behöver förmodligen html och någon typ av doctype, så fort jag la in det så fungera det för mig i IE
Oj, glömde det! Nu kan jag se forumläret i IE.. hehe. Men jag får fortfarande vit bakgrund på iframen och även en sån där ful border. Går det att ta bort?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Produktregistrering</title>
<!-- html enl. ovan -->
http://voigt.se/sandbox/wf/ramo_and/iframe/
frameborder="0"
den vita bakgrunden få du sätta i det HTML kod som finns i iframe fönstret (registration.html)
Inte för att vara taskig, men varför använder du iframe?, det är en gammal och dålig lösning som inte fungerar bra i praktiken; speciellt för SEO.
Iframe var en teknik som många använde förr på statiska html-sidor då många webbutvecklare inte kunde använda ett dynamiskt språk att kunna inkludera menyn/logo på varje sida.
Iframe var en teknik som många använde förr på statiska html-sidor då många webbutvecklare inte kunde använda ett dynamiskt språk att kunna inkludera menyn/logo på varje sida.
Du svarar på din egna fråga med ditt inlägg...