Toon posts:

Site werkt in Firefox (1.5 en 2) en IE7, maar niet IE6

Pagina: 1
Acties:
  • 659 views sinds 30-01-2008
  • Reageer

vrijdag 16 november 2007 21:07

Acties:

Verwijderd

Topicstarter
Hallo,

Ik heb een site gemaakt in HTML en CSS. Deze werkt prima in IE7 en Firefox, maar op de een of andere manier niet in IE6.. Ik krijg gewoon een blanco pagina.

De site staat hier: http://www.italydenhaag.nl/

Ik heb geen idee waarom 'ie niet werkt.. Iemand enig idee?

Alvast bedankt!

P.S. Als ik de !doctype definitie aan het begin van het document weghaal, dan wordt de pagina wel gerenderd... Maar de layout klopt dan niet meer (in FF nog wel, maar IE7 en IE6 beiden niet)

code:
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<title>Italy - Italiaanse Wijnen &amp; Delicatessen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Description" content="Italy - Italiaanse Wijnen &amp; Delicatessen">
<meta name="Keywords" content="italy, den, haag, italiaanse, wijnen, italie, panettone, pesto, fiorella, cristofoli, delicatessen, pasta, roi, cecco, balsamico, modena, salsiccia, mozzarella, friuli, prosciutto, mortadella, coppa, pancetta">
<link href="myCSS.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://www.italydenhaag.nl/favicon.ico" type="image/x-icon">
<style type="text/css">
<!--
body,html {
    overflow: hidden;
}
body {
    background-color: #FFFFFF;
}
body,td,th {
    color: #000000;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: none;
    color: #999999;
}
a:active {
    text-decoration: none;
    color: #999999;
}
.style2 {color: #FFFFFF}
.style7 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    font-size: 16px;
}
.style9 {font-size: 14px}
.style10 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CCCCCC;
    font-size: 14px;
}
.style11 {color: #CCCCCC}
.style13 {font-family: Georgia, "Times New Roman", Times, serif; color: #CCCCCC; font-size: 14px; font-weight: bold; }
-->
</style>
</head>

<body>

<map name="mailMap" id="mailMap">
<area shape="rect" coords="56,64,162,82" href="mailto:italy@xs4all.nl" alt="">
</map>

<div id="containerDoc">

<div id="centerDoc">
<img src="graphics/linedivider.png" alt="" width="1920" height="9" border="0" align="top"></div>

<div id="homecontainerDoc">

<div id="homeimageleftDoc">
<img src="graphics/imagelefttop.jpg" alt="" width="119" height="161" border="1"></div>
<div id="homeimageleft2Doc">
<img src="graphics/imageleftbottom.jpg" alt="" width="119" height="162" border="1"></div>
<div id="homecenterDoc">
<img src="graphics/homedata.png" alt="" width="336" height="384" border="0"></div>
<div id="homeimagerightDoc">
<img src="graphics/imagerightcenter.jpg" alt="" width="118" height="163" border="1"></div>
</div>

<div id="navigation">
    <p align="center">
        <a href="index.html" target="_self"><img src="graphics/home.png" alt="" width="74" height="28" border="0" align="middle"></a><br>
        <br>
        <a href="fotos.html" target="_self"><img src="graphics/fotos.png" alt="" width="70" height="28" border="0" align="middle"></a><br>
        <br>
        <a href="contact.html" target="_self"><img src="graphics/contact.png" alt="" width="98" height="28" border="0" align="middle"></a><br>    </p>
</div>

<div id="rightImage">
  <div align="right"><img src="graphics/homeimageright.png" alt="" width="395" height="1200"></div>
</div>

<div id="dataDoc">
      <div align="center"><img src="graphics/adresgegevens.png" alt="" width="167" height="82" border="0" align="middle" usemap="#mailMap"><br>
          <br>
          <img src="graphics/openingstijden.png" alt="" width="226" height="82" border="0" align="middle"><br>
      </div>
</div>
</div>
</body>
</html>

vrijdag 16 november 2007 23:18

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 23:45

crisp

Devver

Pixelated

Als je nu eens niet alles absoluut positioneert, in ieder geval je #containerDoc niet, dan zie je al een stuk meer ;)

Intentionally left blank

zaterdag 17 november 2007 04:24

Acties:

Verwijderd

Topicstarter
crisp schreef op vrijdag 16 november 2007 @ 23:18:
Als je nu eens niet alles absoluut positioneert, in ieder geval je #containerDoc niet, dan zie je al een stuk meer ;)
Ik heb het grootste gedeelte van de problemen opgelost door beide container divs weg te halen en de margins en top en left waardes aan te passen ;)

Het enige wat nog niet wil werken is de fotopagina in IE6.. Voor de rest ziet ie er prima uit in FF, IE7 en Safari..

Bedankt voor de hulp iig! ;)

zondag 18 november 2007 17:37

Acties:

Verwijderd

Topicstarter
(Bijna) alles werkt nu dus naar behoren, alleen in IE6 werkt de fotopagina niet..
Alles wordt prima gerendered, maar het BananAlbum is niet te zien..

Iemand enig idee waarom? (er zit een BananAlbum in)

Pagina HTML:
code:
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Italy - Italiaanse Wijnen &amp; Delicatessen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="DESCRIPTION" content="Italy - Italiaanse Wijnen & Delicatessen"/>
<meta name="KEYWORDS" content="italy, den, haag, italiaanse, wijnen, italie, panettone, pesto, fiorella, cristofoli, delicatessen, pasta, roi, cecco, balsamico, modena, salsiccia, mozzarella, friuli, prosciutto, mortadella, coppa, pancetta"/>
<link href="myCSS.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://www.italydenhaag.nl/favicon.ico" type="image/x-icon">
<style type="text/css">
<!--
body,html {
    overflow: hidden;
}
body {
    background-color: #FFFFFF;
}
body,td,th {
    color: #000000;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: none;
    color: #999999;
}
a:active {
    text-decoration: none;
    color: #999999;
}
.style2 {color: #FFFFFF}
.style7 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
    font-size: 16px;
}
.style9 {font-size: 14px}
.style10 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CCCCCC;
    font-size: 14px;
}
.style11 {color: #CCCCCC}
.style13 {font-family: Georgia, "Times New Roman", Times, serif; color: #CCCCCC; font-size: 14px; font-weight: bold; }
-->
</style>
</head>

<body>

<map name="mailMap">
<area shape="rect" coords="56,64,162,82" href="mailto:italy@xs4all.nl">
</map>

<div id="centerDoc">
<img src="graphics/linedivider.png" width="1920" height="9" border="0" align="top"></div>

<div id="navigation">
    <p align="center">
        <a href="index.html" target="_self"><img src="graphics/home.png" width="74" height="28" border="0" align="absmiddle"></a><br>
        <br>
        <a href="fotos.html" target="_self"><img src="graphics/fotos.png" width="70" height="28" border="0" align="absmiddle"></a><br>
        <br>
        <a href="contact.html" target="_self"><img src="graphics/contact.png" width="98" height="28" border="0" align="absmiddle"></a><br>    </p>
</div>

<div id="rightImage">
  <div align="right"><img src="graphics/homeimageright.png"></div>
</div>


<script type="text/javascript" src="res/scripts.js"></script>
<script type="text/javascript" src="res/swfobject.js"></script>

<div id="flashcontent">

    <noscript>
    <div align="center"><a href="http://www.bananalbum.com/go/enablejavascript/"><img src="res/PleaseEnableJavascript.gif" width="320" height="180" border="0" align="middle"></a>    </div>
    </noscript>

    <script type="text/javascript">
        document.write("<a href=\"http://www.bananalbum.com/go/getflash/\"><img src=\"res/PleaseUpdateFlashPlayer.gif\"/></a>");
    </script>
    
    <script type="text/javascript">
        // <![CDATA[
        
    document.title = "Italy - Italiaanse Wijnen & Delicatessen";
    bgcolor = "#ffffff";
    imgcolor = "#ffffff";
    linecolor = "#666666";
    txtcolor = "#ffffff";

        respath = "res/";
        var so = new SWFObject("res/BananAlbum.swf", "BananAlbum", "100%", "100%", "8", "#ffffff");
        so.addVariable("jalbum", "true");
        so.addVariable("bgcolor", bgcolor.replace("#","0x"));
        so.addVariable("imgcolor", imgcolor.replace("#","0x"));
        so.addVariable("linecolor", linecolor.replace("#","0x"));
        so.addVariable("txtcolor", txtcolor.replace("#","0x"));
        so.addParam("allowFullScreen", "true");
        so.write("flashcontent");
        
        // ]]>
    </script>
</div>

<div id="counterDiv">
</div>

<div id="dataDoc">
      <div align="center"><img src="graphics/adresgegevens.png" width="167" height="82" border="0" align="absmiddle" usemap="#mailMap"><br>
          <br>
          <img src="graphics/openingstijden.png" width="226" height="82" border="0" align="absmiddle"><br>
      </div>
</div>

</body>
</html>


CSS:
code:
1
2
3
4
5
6
7
8
9

#flashcontent {
    position: absolute;
    z-index: 4;
    overflow: hidden;
    right: 260px;
    left: 0px;
    top: 150px;
    bottom: 30px;
}

zondag 18 november 2007 17:49

Acties:
  • Onbekend
  • Registratie: Juni 2005
  • Laatst online: 22:33

Onbekend

...

Als je in IE6 een gemaximaliseerd venster hebt, werkt de fotopagina inderdaad niet.
Maar als je hem dan resized naar een kleiner formaat, werkt het dan wel.

In 1 van de externe scripts zit een if-else statement die verschillende functies uitvoert voor Mozilla, IE en voor op de MAC. Ik denk dat je daar naar moet kijken.

Speel ook Balls Connect en Repeat

Reageer

Apple iPhone 17 LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2026 • Hosting door TrueFullstaq