webForumDet fria alternativet

Varför ser sidan ut som skit i Explorer

HTML & CSS

7 svar · 658 visningar · startad av Frella

Medlem sedan feb. 200524 inlägg
Frågan#1

Har precis slängt upp en sida för ett nystartat band. När jag skapade sidan så använde jag mig av en iframe för att på ett enkelt sätt kunna länka in allt i den. Eftersom jag aldrig använder Explorer så testade jag bara mot Firefox, där f ö sidan ser ut som den ska. Men i Explorer blir iframen vit istället för vinrött som det ska vara och bilderna laddas inte. Vad är det för fel som måste rättas till för att det ska fungera i Explorer? Har kodat den i dreamweaver f ö.

Index.htm

<!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=iso-8859-1" />
<title>Sv&aring;ra Teaters&auml;llskapet</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body background="bilder/background.jpg" style="background-repeat:no-repeat">
<div class="content">
  <table id="frametbl" width="800" height="500" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td width="165" rowspan="2" valign="top" class="body" id="menu" name="menu">
	  <a href="iframes/start.htm" target="start">START</a><br />
	  <br />
	  <a href="iframes/orkestern.htm" target="start">ORKESTERN</a><br /><br />
	  <a href="iframes/nyheter.htm" target="start">NYHETER</a><br /><br />
	  <a href="iframes/bitarna.htm" target="start">BITARNA</a><br /><br />
	  <a href="http://www2.olzzon.com/g/g.php?a=s&i=g42-00517-ca" target="_blank">GÄSTBOK</a><br /><br />
	  <a href="iframes/bilder.htm" target="start">BILDER</a><br /><br />
	  <a href="iframes/spelningar.htm" target="start">SPELNINGAR</a><br /><br />
	  <a href="iframes/links.htm" target="start">LÄNKAR</a><br /><br />
	  <a href="mailto:svarateatersallskapet@hotmail.com"> KONTAKT</a><br /><br />	  </td>
      <td id="headpic" width="629" height="85" align="center" name="top"></td>
    </tr>
    <tr>
      <td height="401" valign="top"><iframe src="iframes/start.htm" id="start" name="start" width="629" height="400" scrolling="auto" frameborder="0" class="body"></iframe></td>
    </tr>
  </table>
</div>
</body>
</html>

Start.htm

<!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=iso-8859-1" />
<title>Untitled Document</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table id="headtbl" name="headtbl" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="324" height="28" align="center" valign="middle"><img src="../bilder/Bispg&aring;rden/bandbild3.jpg" alt="Bild p&aring; bandet" width="328" height="150" /></td>
    <td width="170" valign="top" id="next">
	N&auml;sta spelning:<br />
    00/00-00<br />
    Plats
    <br />
	Info!  
    </td>
  </tr>
</table>
<table id="latestnews" name="latestnews"width="500" height="167" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td id="latest" height="21" colspan="4" align="left">SENASTE NYTT </td>
  </tr>
  <tr>
    <td width="72" height="111" valign="top" id="latestpic"><img src="../bilder/Bispg&aring;rden/newspic1.jpg" alt="Nyhetsbild" width="66" height="50" /></td>
    <td id="latesttext" name="latesttext" width="136" align="left" valign="top">Hemsidan lanseras, h&aring;ll utkik efter uppdateringar. </td>
    <td id="latesttext" name="latesttext" width="52" align="left" valign="top">&nbsp;</td>
    <td id="latesttext" name="latesttext" width="230" align="left" valign="top">V&auml;lkommen till den<br /> m&auml;rkliga orkestern <br />Sv&aring;ra Teaters&auml;llskapets hemsida. <br /> H&auml;r g&aring;r du aldrig ensam. </td>
  </tr>
  
  
  <tr>
    <td height="21">&nbsp;</td>
    <td align="left"><a href="nyheter.htm">Till nyheter >> </a></td>
    <td align="right">&nbsp;</td>
    <td align="right">&nbsp;</td>
  </tr>
</table>
</body>
</html>
Medlem sedan nov. 2004112 inlägg
#2

Jag kan ha fel men att använda å i sökvägarna till bilderna i Start.htm skulle kunna vara orsaken till att de inte visas i IE.

Var sätter du bakgrunden till vinrött? I style.css?

Passande länk: http://poisonedminds.com/comics/pm20060621.png

Medlem sedan feb. 200524 inlägg
#3

Ah, låter som en rimlig förklaring. Ska testas så fort jag kommer hem. Vad gäller bakgrundsfärgen så är den i css:en. Sen blir dte ju scrollar på förstasidan i IE men inte i FF. Men det beror väl på att IE är så bra som det blir så.

Medlem sedan feb. 200524 inlägg
#4

Har fått till bilderna nu, var pga å i mappnamnet. Nu behöver jag bara hitta orsaken till varför inte bakgrundsfärgen blir vinröd. Kanske att css inte är snyggast upplagd, men sånt tar jag i efterhand, viktigast nu är att sidan ser vettig ut.

Bifogar koden till css

.body
{
	font-family: Bookman old style;
	font-size: 10pt;
	color: #404230;	
}
.content 
{
	margin-top: 100px;
}
table#headtbl
{
	margin-top: 15px;
	margin-bottom: 20px;
	height: 150px;
	width: 500px;
	font-family: Bookman old style;
	font-size: 10pt;
	color: #404230;
}	
table#frametbl
{
	background-color: #964254;
	color: #404230;
}
td#menu
{
	padding-top: 45px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	border-right-style: double;
}
td#headpic
{
	background-image: url(bilder/headpic.jpg);
}
td
{
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
table#latestnews
{
	font-family: Bookman old style;
	font-size: 10pt;
	color: #404230;
}
a:link 
{ 
	text-decoration: none;
	color: #404230;
}
a:visited 
{ 
	text-decoration: none;
	color: #404230;
}
a:active 
{ 
	text-decoration: none;
	color: #404230;
}
table#nyheter
{
	margin-top: 15px;
}
table#orkestern
{
	margin-top: 18px;
}
table#bitarna
{
	margin-top: 15px;
}
table#guestbook
{
	margin-top: 15px;
}
table#bilder
{
	margin-top: 15px;
}
table#spelningar
{
 	margin-top: 15px;
}
table#links
{
	margin-top: 15px;
}
td#nyhetsrubrik
{
	font-weight: bold;
}
Medlem sedan nov. 20051 596 inlägg
#5

Ja jisses ... Inte lätt att hitta på något... För att rädda situationen tills du skulle ta dig an och fixa till koderna så kan du kanske lägga in denna i head på Start.htm så länge...

<style type="text/css">
<!--
body{ background-color:#964254; margin: 0px; padding: 0px;}
-->
</style>

Testa och se om det funkar som du vill.

Medlem sedan feb. 200524 inlägg
#6

Fungerar, tackar! Får göra ett jobb på css:en sen :)

Medlem sedan nov. 20051 596 inlägg
#7

Fick du bort scrollen i IE också?

Medlem sedan feb. 200524 inlägg
#8

Jadå, den försvann. Så nu ser det ju rätt vettigt ut.

258 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)