Problem med bilder i IE

creoweb · 2006-02-05, 15:13

Hej!

Någon som har varit med om att när man går in på en sida, på sidan finns x-antal bilder som ska laddas in.

I IE får jag inte fram alla bilder med en gång utan måste uppdatera sidan först, sen visas bilderna.

Däremot i FF så funkar det som det ska.

Vet inte var och hur jag ska lösa detta.
Kanske någon vill tillföra en hjälpande hand.

Ni kan se koden nedan.

Är det min webbläsare (Internet Explorer) som strular....

Bilderna jag syftar på är de som ligger inom box1 - box 6.

/Jonas

HTML

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">
	<head>
 *<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 *<title>Två kolumner - fast bredd</title>
<LINK HREF="style.css" REL="stylesheet" TYPE="text/css">
<script type="text/javascript" src="script.js"></script>
	</head>
	<body>
<div id="wrap">
	<div id="header"><IMG SRC="images/Best_After_Logo.jpg" WIDTH="790" HEIGHT="150" BORDER="0" ALT=""></div>
	<ul id="menu">
 *<li><a href="best-after.html" accesskey="l">Konceptet Best After</a></li>
 *<li><a href="studion.html">Studion/miljön</a></li>
 *<li><a href="skoenhet-haelsa.html">Skönhet & hälsa</a></li>
 *<li><a href="utbildningar-certifikat.html">Utbildningar/certifikat</a></li>
 *<li><a href="laenkar.html">Länkar</a></li>
 *<li><a href="mail.php">Kontakta oss</a></li>
	</ul>
<div id="left">
	<ul><ul><a href="index.html">Startsida</a></li><br /><br /></ul></ul>

	<div id="headline"><h3>Våra tjänster</h3></div>
	<ul>
	<ul>
 *<a href="manicure.html">Manicure/handvård</a><br />
 *<a href="nagelfoerlaengning.html">Nagelförlägning</a><br />
 *<a href="skapande-arbeten.html">Skapande arbeten</a><br />
 *<a href="skapande-designer.html">Skapande designer</a><br />
 *<a href="pedicure-fotvaard.html">Pedicure/fotvård</a><br />
 *<a href="ansiktsbehandling-ansiktslyftning.html">Ansiktsbehandling</a><br />
 *<a href="frisoer.html">Frisör för kvinna & man</a><br />
 *<a href="depilering-vaxning.html">Depilering/vaxning</a><br />
 *<a href="airbrush-tatueringar.html">Airbrush tatueringar</a>
	</ul>
	</ul>
<br /><br />
<div id="headline"><h3>Vi säljer</h3></div>
	
	<ul>
	<ul>
 *<a href="lanza-hudvaardsprodukter.html">Lanza hårvårdsprodukter</a><br />
 *<a href="kolagen-hudvaardsprodukter.html">Kolagen hudvårdsprodukter</a><br />
 *<a href="nagel-handvaardsprodukter.html">Nagel & handvårdsprodukter</a><br />
 *<a href="fotvaardsprodukter.html">Fotvårdsprodukter</a><br />
 *<a href="vattenfyllda-skoinlaegg.html">Vattenfyllda skoinlägg</a>
	</ul>
	</ul>

	
	</div>
	
	<div id="right">
	<h1>Allt inom frisör för kvinna och man</h1><IMG SRC="images/salongen.jpg" WIDTH="250" HEIGHT="156" BORDER="0" ALT="" align="right">
	<p>Rekommenderas till alla. Mjukgörande fotbad, filning av förhårdnader, nagel klippning, rensning av nagelband och polering av nagel plattan. *Du kan också välja Pedicure mini Lyx. Då tillkommer extra peeling och massage. Om Du vill unna Dig den mest omfattande behandlingen, och som vill uppleva det "lilla extra" då väljer Du Pedicure Lyx. En underbar vårdande fotvårdsbehandling som innehåller allt det tidigare men med fot och benmassage samt marina inpackningar med mask eller paraffinbehandling.</p>
	

	<h2>Någon rubrik här kanske?</h2>
	<p>• Färgning/ blekning</p>
	<p>• Slingor</p>
	<p>• Klippning/styling</p>
	<p>• Ögonbrynsplockning/färgning</p>
	<p>• Bruduppsättning</p>

	<div id="box1"><IMG SRC="images/frissa_01.jpg" WIDTH="270" HEIGHT="185" BORDER="0" ALT=""></div>


  <div id="box2"><IMG SRC="images/frissa_02.jpg" WIDTH="270" HEIGHT="185" BORDER="0" ALT=""></div>

  <div id="box3"><IMG SRC="images/frissa_03.jpg" WIDTH="270" HEIGHT="185" BORDER="0" ALT=""></div>


  <div id="box4"><IMG SRC="images/frissa_04.jpg" WIDTH="270" HEIGHT="185" BORDER="0" ALT=""></div>
	
  <div id="box5"><IMG SRC="images/frissa_04.jpg" WIDTH="280" HEIGHT="185" BORDER="0" ALT=""></div>

  <div id="box6"><IMG SRC="images/frissa_04.jpg" WIDTH="280" HEIGHT="185" BORDER="0" ALT=""></div> * * 
	</div>
	
<br style="clear:both;" />
<div id="footer" valign="bottom">Studio Best After | Smedbyvägen 32 A 394 70 Kalmar | 0480-47 95 60 | [email protected] *</div>
</div>
	</body>
</html>

CSS

Kod:

 * * *margin:0; 
 * padding:0;
 * } 
 * 
 * body {
 * text-align: center;
 * font-size: 8pt;
 * line-height: 1.5em;
 * font-family: Verdana, Helvetica, Sans-Serif;
 * color: #00000;
 * background-image: url('images/bg.jpg');
 * }	
 * 
 * #wrap {
 * margin:0px auto; *background: #F8F6F3;
 * width: 790px;
 * text-align: left; * *border:1px solid;
 * border-color: #333333;
 * border-top-width: 0px;
 * border-bottom-width: 0px; * 
 * filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=4);} * *
	
 * #headline{
 * background:#B6DB7D;
 * line-height: 5px;
 * width: 180px;
 * text-align:left;
 * margin-left:0px;
 * color: #333333;
 * }

 * #header {
 * height:150px;
 * background:#ffffff;
 * }

 * #left {
 * width: 190px;
 * float: left;
 * display: inline;
 * }

 * #right {
 * width: 575px;
 * float: right;
 * display: inline;
 * height:auto;
 * }

 * #footer {
 * margin:10px 0;
 * text-align: right;
 * background: #99987E;
 * height:20px;
 * line-height: 20px;
 * }

 * *#creo {
 * margin:0;
 * text-align: left;
 * background: #F8F6F3;
 * height:10px;
 * line-height: 10px;
 * font-family: verdana,arial;
 * font-size: 8pt;
 * color: #999999;
 * }

 * ul {
 *padding: 3px 5px 0;
 *margin: 0;
 *}

 *#right ul {
 *margin:0 20px 10px 20px;
 *}

 *#right li {
 *list-style-type: none;
 *padding: 0;
 *margin: 0;
 *}


 *ul#menu {
 *margin:0 0 10px 0;
 *background:#E49444;
 *text-align: center;
 *height:30px;
 *border:1px solid;
 * * border-color: #000000;
 *border-left-width: 0px;
 *border-right-width: 0px;
 *}

 *ul#menu li {
 *list-style-type: none;
 *padding: 0 10px;
 *margin: 0;
 *display: inline;
 *line-height: 30px;
 *}

 *
 *h1{
 *font-size: 15pt;
 *font-weight:normal;
 *font-style: italic;
 *color: #454545;
 *margin:20px 5px 10px;
 *}
	
 *h2{
 *font-size: 13pt;
 *font-weight:normal;
 *font-style: italic;
 *color: #454545;
 *margin:20px 5px 10px;
 *}

 *p {
 *margin:0 5px;
 * }

 *p {
 *padding-bottom: 10px;
 *color: #454545;
 *}
 * *
 * h3 {
 *padding: 10px 0 5px;
 *margin:0 20px;
 *font-size: 10pt;
 *font-weight: bold;
 *}

 *a {
 *font-weight: bold; 
 *color:#666666;
 *text-decoration: none;
 *background:transparent;
 *}

 *a:link {
 *color: #666666;
 *}

 *a:visited {
 *color: #666666;
 *}

 *a:hover {
 *color: #454545;
 *text-decoration :underline;
 *}

 *a:active {
 *color: #454545;
 *}

 *ul#menu a {
 *font-weight: bold; 
 *color:#333333;
 *text-decoration: none;
 *background:transparent;
 *}

 *ul#menu a:link {
 *color: #333333;
 *}

 *ul#menu a:visited {
 *color: #454545;
 *}

 *ul#menu a:hover {
 *color: #454545;
 *background: transparent;
 *text-decoration :underline;
 *}

 *ul#menu a:active {
 *color: #454545;
 *}

Micke Alm · 2006-02-07, 10:59

tror inte att det ska spela någon roll, men det skulle kunna vara så att du har specificerat html strict 1.0 i doctypen, men dina bildtaggar är inte kodade efter den specifikationen. Kan tänka mig att detta gör att ie går in i quirks mode och det är det som kräver att du laddar om sidan...

Använd små bokstäver (alltid!) och avsluta taggen med /> alltså:
[img]bild.jpg[/img]

kanske löser någonting...

varför har du lagt till id:n på boxarna om du inte har någon klass på dem i css:en?

Robert · 2006-02-07, 11:25

Skippa även border="0" när du kör xhtml... även align="blabla" ska du sätta i CSS'en

creoweb · 2006-02-07, 12:27

Tack för dessa inlägg!

Ska genast kolla upp min kod igen.

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Problem med bilder i IE