7 svar · 1 549 visningar · startad av ramo_and
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å??
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...