Tekst weg in Internet Explorer

joept · 26 apr 2008

He,

Ik ben bezig met een nieuw layout voor mijn site.
Nu dacht ik laat ik eens kijken of mijn layout het doet.
Dus ik test mijn layout in Mozilla Firefox. Alles doet het niks mis mee.
Maar met Internet Explorer 6 is de tekst weg.
Je kan het zelf bekijken door naar deze link te gaan:
http://myblogsite.nl/Pure_White/Pure_White/index.html
Dit layout heb ik gedownload. Daarom ben ik gaan kijken bij de download pagina van dit layout. Wat blijkt de tekst is ook weg bij dit layout in Internet Explorer 6 maar ik mozilla Firefox niet.
Als je de download pagina wil bekijken klik dan hier:
http://www.oswd.org/design/preview/id/3117
Hier is het HTML van de pagina:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <style type="text/css">
.hyperlinkcss{
position:absolute;
margin-left:0px; /* horizontale positie van het menu t.o.v. de link */
margin-top:0px; /* verticale positie van het menu t.o.v. de link */
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #6699FF;
width: 100px;
}
.hyperlinkcss a{ width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: plain;
}
.hyperlinkcss a:hover{ background-color: #D8D8D8;
color: red;
}
}
  </style>
  <title>Site title</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="zly">
  <link href="style.css" rel="stylesheet"
 type="text/css">
  <link rel="stylesheet" type="text/css"
 href="linkmenu.css">
</head>
<body>
<h1> Blog/Website tips</h1>
<div id="linkmenu" class="hyperlinkcss"
 style="width: 85px; background-color: rgb(255, 255, 255);"><a
 href="http://www.leejoo.nl" target="_self">Home</a>
<a href="http://www.leejoo.nl" target="_self">HTML</a>
<a href="http://www.leejoo.nl" target="_self">Spelletjes
voor je blog</a>
<a href="http://www.leejoo.nl" target="_self">Blog
sites</a>
<a href="http://www.leejoo.nl" target="_self">FAQ/Contact</a>
<a href="http://www.leejoo.nl" target="_self">Poll</a>
<a href="http://www.leejoo.nl" target="_self">Klokken
voor je blog</a>
<a href="http://www.leejoo.nl" target="_self">Gratis
webtools</a>
<a href="http://www.leejoo.nl" target="_self">Muziek
voor op je blog</a>
<a href="http://www.leejoo.nl" target="_self">Geschiedenis
toekomst</a>
<a href="http://www.leejoo.nl" target="_self">Vragen
copyright</a>
<a href="http://www.leejoo.nl" target="_self">Partners</a>
<a href="http://www.leejoo.nl" target="_self">CMS
Joomla</a>
<a href="http://www.leejoo.nl" target="_new">Het
Blog/Website Forum</a>
</div>
<div class="navdiv">
<script type="text/javascript">
// Dit kun je aanpassen
var vertraging=1000 // vertragingstijd menu vooraleer te verdwijnen (in milliseconden)
var hoofdlink=0 // werking hoofdlink in- of uitschakelen (1=in, 0=uit)
var verbergen=1 // menu verbergen na aanklikken subitem (1=ja, 0=nee)
// Hieronder niets meer wijzigen
var ie5=document.all
var ns6=document.getElementById&&!document.all
function positie_bepalen(voorwerp, offsettype){
var totaloffset=(offsettype=="left")? voorwerp.offsetLeft : voorwerp.offsetTop;
var parentEl=voorwerp.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;}
return totaloffset;}
function tonen_verbergen(obj, e, visible, hidden){
if (ie5||ns6)
menuobject.style.left=menuobject.style.top=-500
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function rand_bereikt(obj, welke_rand){
var edgeoffset=0
if (welke_rand=="rightedge"){
var vensterrand=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
menuobject.contentmeasure=menuobject.offsetWidth
if (vensterrand-menuobject.x < menuobject.contentmeasure)
edgeoffset=menuobject.contentmeasure-obj.offsetWidth}
else{
var vensterrand=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
menuobject.contentmeasure=menuobject.offsetHeight
if (vensterrand-menuobject.y < menuobject.contentmeasure)
edgeoffset=menuobject.contentmeasure+obj.offsetHeight}
return edgeoffset}
function toonmenu(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof menuobject!="undefined") menuobject.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
menuobject=document.getElementById(dropmenuID)
if (verbergen) menuobject.onclick=function(){menuobject.style.visibility='hidden'}
menuobject.onmouseover=clearhidemenu
menuobject.onmouseout=ie5? function(){ dynamisch_verbergen(event)} : function(event){ dynamisch_verbergen(event)}
tonen_verbergen(menuobject.style, e, "visible", "hidden")
menuobject.x=positie_bepalen(obj, "left")
menuobject.y=positie_bepalen(obj, "top")
menuobject.style.left=menuobject.x-rand_bereikt(obj, "rightedge")+"px"
menuobject.style.top=menuobject.y-rand_bereikt(obj, "bottomedge")+obj.offsetHeight+"px"}
return klik()}
function klik(){
if ((ie5||ns6) && !hoofdlink) return false
else return true}
function ns6compat(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;}
function dynamisch_verbergen(e){
if (ie5&&!menuobject.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !ns6compat(e.currentTarget, e.relatedTarget))
delayhidemenu()}
function delayhidemenu(){
delayhide=setTimeout("menuobject.style.visibility='hidden'",vertraging)}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)} </script><a
 href="index.html#" onclick="return klik()"
 onmouseover="toonmenu(this, event, 'linkmenu')">Klik hier
voor het menu</a>
</div>
<div class="big-div">
<div class="textdiv1"><b>Headline 1</b>
<br>
Test.
</div>
</div>
<div class="copyrightdiv">
© 2008 Joep Tegelaar | Design by <a onclick="target='_blank';"
 href="http://www.oswd.org/user/profile/id/13462/">zly</a>
</div>
</body>
</html>

Tekst weg in Internet Explorer

joept

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy