usynlig iframe
usynlig iframeHeej jeg har et mærkeligt problem. Når jeg bruger Firefox, internet explore 6 og 7 på min wampserver, så er iframen gennemsigtig, når jeg så smider mit design op på et webhotel som ligger på nettet, Så virker det fint i Firefox, MEN i internet explore 6 og 7 bliver iframen hvid, Her er nogen billeder og HUSK at kigge på adresse linjen.
Firefox på webhotel på nettet
http://img267.imageshack.us/my.php?image=ffch7.jpg
Internet explore 7 PÅ LOCALHOST
http://img180.imageshack.us/my.php?image=ie7mu0.jpg
Internet Explore 7 PÅ WEBHOTEL PÅ NETTET
http://img441.imageshack.us/my.php?image=ie7dkdomainega0.jpg
Designet som er på localhost og på min webhotel ude på nettet er HELT det samme, samme html og samme grafik og samme CSS, ALT, og iframen er gennemsigtig i Firefox selv på localhost og på mit webhotel, MEN ikke i internet explore, nogen der ved hvorfor? og muligvis hvordan dette irriterende problem kan rettes?.
Håber godt nok jeg har fået forklaret det her på en forstålig måde så alle kan være med
ellers må i lige skrive. og HUSK at kigge på adresse linjen :).
Tusind tak for jeres / din tid, der er også et meget lille problem i internet explore 6, der er min iframe lidt skæv , den falder ud mod højre, og jeg har valideret min html og css kode, og får kun 1 fejl i min html fil, men det er pga. jeg har prøvet at gøre iframen transparent
Line 29, Column 45: there is no attribute "allowTransparency".
…="content"><iframe allowTransparency="true" src="pages/forside/index.php" wi
og Tak igen :) her er lidt kode
--------Index.html-----------
<!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>SJ-Design.dk - Online Portfolio</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<base target="iframe" />
</head>
<body>
<div id="ramme">
<div id="logo">
<div id="hemmelig"><a href="pages/admin/index.php"></a></div>
</div><!-- Logo slut -->
<div id="menu">
<div id="m01"><a href="pages/forside/index.php">01 Forside</a></div>
<div id="m02"><a href="pages/profil/index.php">02 Profil</a></div>
<div id="m03"><a href="pages/showoff/index.php">03 Showoff</a></div>
<div id="m04"><a href="#">04 Tutorials</a></div>
<div id="m05"><a href="pages/tagwall/index.php">05 Tagwall</a></div>
<div id="m06"><a href="pages/kontakt/index.php">06 Kontakt</a></div>
</div><!-- Menu slut -->
<div id="content"><iframe src="pages/forside/index.php" width="450" height="455" name="iframe" scrolling="auto" frameborder="0"></iframe></div>
</div><!-- Ramme slut -->
</body>
</html>
---------------Style.css----------------
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
cursor:default;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7e7e7e;
background-color: #eeeeec;
}
#ramme {
background-image: url(../images/design.jpg);
height: 600px;
width: 560px;
margin-right: auto;
margin-left: auto;
}
#logo {
height: 85px;
width: 560px;
}
#admin {
float: left;
height: 86px;
width: 20px;
}
#hemmelig a {
float: left;
height: 86px;
width: 20px;
}
#menu {
height: 20px;
width: 502px;
margin-top: 13px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #749cb5;
float: left;
padding-left: 58px;
}
/* Menu rammerne */
#m01 {
height: 20px;
width: 60px;
float: left;
margin-right: 3px;
padding-left: 30px;
}
#m02 {
height: 20px;
width: 45px;
float: left;
margin-right: 3px;
padding-left: 5px;
}
#m03 {
float: left;
height: 20px;
width: 67px;
margin-left: 4px;
}
#m04 {
float: left;
height: 20px;
width: 70px;
margin-left: 4px;
}
#m05 {
float: left;
height: 20px;
width: 62px;
margin-left: 3px;
}
#m06 {
float: left;
height: 20px;
width: 80px;
margin-left: 3px;
}
#content {
float: left;
height: 455px;
width: 450px;
margin-left: 57px;
}
/* Slut */
a:link {
color: #749CB5;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #749CB5;
}
a:hover {
text-decoration: underline;
color: #85b3cf;
}
a:active {
text-decoration: none;
color: #85b3cf;
}
/* Admin style */
a .admin {
background-color:#000000;
text-decoration: none;
}
-------------indhold.css------------
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7e7e7e;
filter:alpha(opacity=0);
-moz-opacity:.15;
}
h1 {
font-size: 14px;
color: #78b7f1;
margin-bottom: 2px;
}
.green {
color:#849930;
}
a:link {
color: #7e7e7e;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #7e7e7e;
}
a:hover {
text-decoration: underline;
color: #7e7e7e;
}
a:active {
text-decoration: none;
color: #7e7e7e;
}
