Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[CSS]IE laat afbeeldingen niet helemaal zien.

Pagina: 1
Acties:

  • Sanity11
  • Registratie: Januari 2004
  • Niet online
Hoi allemaal. Ik heb gezien dat er thumbs op een website welke ik aan het maken ben niet volledig weergegeven worden door IE? Ik heb geen idee hoe dat kan. Ik heb een online voorbeeld: http://www.octografx.com/menj/producten.html Misschien heeft iemand een idee hoe dat kan?
Ik heb al vanalles geprobeerd en heel internet afgespeurd maar ik kan er niet echt iets over vinden wat werkt?

Bedankt voor de reacties :)

www.diovisuals.co,


  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10 13:03
In FF (WinXp, 2.0.0.12) zie ik geen enkele thumb.

Hoezo doe je eigenlijk een background-image in je DIV en een hetzelfde plaatje als IMG?

  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10 13:03
Daarnaast is je site niet echt correct opgebouwd: http://validator.w3.org/c...29&doctype=Inline&group=0

  • Sanity11
  • Registratie: Januari 2004
  • Niet online
De W3C fouten komen omdat het is voorbereid voor implementatie in een CMS. Zou het daar dan aan kunnen liggen?

En welk plaatje in een div bedoel je dan?

[ Voor 19% gewijzigd door Sanity11 op 06-03-2008 15:38 ]

www.diovisuals.co,


  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10 13:03
Wat zorgt eigenlijk voor de opmaak van je pagina? Je html-bestand is erg kort:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!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>M &amp; J Metalwelding</title>
<link href="menjcss.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.XMLDataSet("gallery.xml", "afbeeldingen/image");
//-->
</script>
</head>

<body class="twoColFixRtHdr">
<div id="container">
        <div id="header">
        <!-- end #header --></div>
        <div>
        <div id="sidebar1">
          <div style="margin:20px 15px 20px 20px; padding:0px 0px 0px 5px;">
                <p>Hoofdgroepen opsomming</p>
          </div>
            <div spry:region="ds1" style="margin:20px 15px 20px 20px;">
                <div spry:repeat="ds1" spry:setrow="ds1" class="prod_thumbholder">
                <!--<div style="background-image:url('{thumb})'">
                </div>-->
                <img src="{thumb}" width="{thumb_width}" height="{thumb_height}"  />
            <!-- end .prod_thumbholder --></div>
                <br class="clearfloat" />
                <p>&nbsp;Klik de thumbs om de afbeelding te veranderen.</p>
            </div>
        <!-- end #sidebar1 --></div>
  <div id="mainContent">
            <div id="navcontainer">
                <ul id="navlist">
                    <li><a href="{path="site/index"}">Home</a></li>
                    <li><a href="{path="site/producten"}">Producten</a></li>
                    <li><a href="{path="site/overons"}">Over ons</a></li>
                    <li><a href="{path="site/contact"}">Contact</a></li>
                </ul>
            <!--end #navcontainer--></div>
           <b>Producten</b>
           <p>Onze producten zijn...... enz enz enz enz enz enz enz enz enz enz enz enz. </p>
           <div spry:detailregion="ds1">
           <div id="imageholder">
                <img src="{full}" width="{full_width}" />
           <!-- end #imageholder--></div>
           <!-- end #sprydetairegion--></div>
           <br class="clearfloat" />
        <!-- end #mainContent --> </div>
        <br class="clearfloat" />
        </div>
<!-- end #container --></div>
    <div id="mainbottomcontainerleft">
        
        <div id="container_bottom">
        <!--Deze bevat de bodemimage-->
        <!-- container_bottom --></div>
    <!--end #mainbottomcontainerleft --></div>
</body>
</html>


Zijn het soms die

HTML:
1
2
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>


? In dat geval kunnen we je niet helpen, want we weten niet wat die JS-bestanden precies uitvreten in de DOM.

  • Sebazzz
  • Registratie: September 2006
  • Laatst online: 19-11 18:15

Sebazzz

3dp

Hier in Firefox 3 Beta 3 zijn al je thumbs zwart.

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]


  • Sanity11
  • Registratie: Januari 2004
  • Niet online
<link href="menjcss.css" rel="stylesheet" type="text/css" />

Deze zorgt voor de opmaak.

Ik Ik denk niet dat het met de .js te maken heeft. Maar dat weet ik helaas niet zeker. Vreemd probleem dit.

www.diovisuals.co,


  • Pendaco
  • Registratie: Augustus 2003
  • Laatst online: 13:25

Pendaco

Vogon Poetry FTW!

De links naar je plaatjes kloppen gewoon niet.

Dit is waar ie naartoe verwijst;
http://www.octografx.com/...ryTestImages%5Ctest_1.jpg

En dit is wat het zou moeten zijn;
http://www.octografx.com/...spryTestImages/test_1.jpg


Lijkt erop dat er iets mis gaat in dat CMS systeem tijdens het converteren van die URL's.
Geen idee of die javascript daarvoor verantwoordelijk is?

  • Sanity11
  • Registratie: Januari 2004
  • Niet online
Ik heb het eindelijk gevonden. (de oplossing is niet toegepast op de site waar ik een link naar heb geplaatst) De oplossing is hier . Het probleem was dat het cms bepaalde of de hoogte en breedte maat op auto moest staan of niet. Wanneer het auto was kon IE er niet mee omgaan :).

Allemaal heel erg bedankt voor de suggesties en moeite welke er genomen is om me vooruit te helpen!

www.diovisuals.co,

Pagina: 1