[CSS]IE laat afbeeldingen niet helemaal zien. - Softwareontwikkeling

donderdag 6 maart 2008 13:15

Acties:

Topicstarter

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,

donderdag 6 maart 2008 13:35

Acties:

Rekcor

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?

donderdag 6 maart 2008 13:38

Acties:

Rekcor

Daarnaast is je site niet echt correct opgebouwd: http://validator.w3.org/c...29&doctype=Inline&group=0

donderdag 6 maart 2008 15:33

Acties:

Sanity11

Topicstarter

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,

donderdag 6 maart 2008 16:03

Acties:

Rekcor

Wat zorgt eigenlijk voor de opmaak van je pagina? Je html-bestand is erg kort:

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>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.

donderdag 6 maart 2008 16:05

Acties:

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]

zaterdag 8 maart 2008 11:28

Acties:

Sanity11

Topicstarter

www.diovisuals.co,

zaterdag 8 maart 2008 12:45

Acties:

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?

zondag 9 maart 2008 15:28

Acties:

Sanity11

Topicstarter

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

Reageer