layer verspringt in Firefox

  • Onderwerp starter Onderwerp starter atir
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
A

atir

Gebruiker
Lid geworden
29 jan 2008
Berichten
12
op mijn website www.fotorr.tk heb ik knoppen met geplaatst in layers, in IE geen enkel probleem, maar in firefox verspringt er één en ik vind niet waarom, hier de code
<div id="Layer3" style="position:absolute; left:565px; top:110px; width:100px; height:25px; z-index:3; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
<div align="center"><strong><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><a href="index.htm">Home</a></font></strong></div>
</div>
<div id="Layer4" style="position:absolute; left:662px; top:110px; width:100px; height:25px; z-index:4; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
<div align="center"><strong><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><a href="landen.htm">Landen</a></font></strong></div>
</div>
<div id="Layer5" style="position:absolute; left:762px; top:110px; width:100px; height:25px; z-index:5; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
<div align="center"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong><a href="fotografie_vieuwer/index_fotogr.html">Fotografie</a></strong></font></div>
</div>
<div id="Layer6" style="position:absolute; left:861px; top:110px; width:100px; height:25px; z-index:6; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
<div align="center"
 
Je hebt geen doctype.

probeer dit eens:

HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>contact</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body bgcolor="#333333" text="#CCCCCC" link="#FFFFFF" vlink="#CCCCCC">
<div id="Layer2" style="position:absolute; left:12px; top:187px; width:984px; height:532px; z-index:2; visibility: visible;">
  <h1 align="center"><font face="Arial, Helvetica, sans-serif"><a href="mailto:tklikt@fulladsl.be">contact</a></font></h1>

  <p align="center"><font face="Arial, Helvetica, sans-serif">tklikt@fulladsl.be</font></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="Layer3" style="position:absolute; left:565px; top:110px; width:100px; height:25px; z-index:3; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
  <div align="center"><strong><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><a href="index.htm">Home</a></font></strong></div>
</div>

<div id="Layer4" style="position:absolute; left:662px; top:110px; width:100px; height:25px; z-index:4; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
  <div align="center">
    <p><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong><a href="landen.htm">Landen</a></strong></font></p>
  </div>
</div>
<div id="Layer5" style="position:absolute; left:762px; top:110px; width:100px; height:25px; z-index:5; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
  <div align="center"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong>Fotografie</strong></font></div>
</div>
<div id="Layer6" style="position:absolute; left:861px; top:110px; width:100px; height:25px; z-index:6; background-image: url(achtergrond2.jpg); layer-background-image: url(achtergrond2.jpg); border: 1px none #000000;">
  <div align="center"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong><a href="contact.htm">Contact</a></strong></font></div>

</div>
<div align="left">
  <p align="center"><img src="achtergrond.jpg" width="1000" height="130" alt="."></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>

dit is dus de
http://users.fulladsl.be/spb5325/contact.htm
pagina.

Gooi je originele pagina's eens in:
http://validator.w3.org/

:cool:
 
sorry voor de late reactie, maar doctype geplaatst en nog verspringt er 1 item, en dit alleen bij firefox? waarom dan niet bij IE ?
 
komt omdat firefox de echte regels van html ondersteund en iexplorer die is daar wat relaxer in ik zou je aanraden ... gebruik altijd firefox als previeuw browser...
en dan ook natuurlijk nog testen in iexplorer

waar het aan zou kunnen liggen weet ik niet maar misschien handige tip...

groeten sander678;)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan