div og div

div og div

Innleggav srb » man 07.06.2010 23:16

Arbeider med en side her og får riktig visning i Safari når jeg tar preview, men jeg har måttet sette diverse elementer "feil" i html dokumentet får å få det til å se riktig ut...
Hvor er det jeg har feil i "div" ene mine tro? For jeg regner med at det er der jeg har feilen.

Altså: i html ´en er noen elementer plassert feil for at det i preview skal vises korrekt...
det er ederimot likefult feil i visning i IE...

html:
Kode: Merk alt
<!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>Maskinpark</title>
<script type="text/javascript" src="../lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="../lightbox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../lightbox2/js/lightbox.js"></script>
<link type="text/css" rel="stylesheet" href="korsvoll.css" />
</head>
<body>
 <div id="maskinPark">
   <ul id="nav">
  <li><a href="#">Korsvoll maskin</a>
   <ul>
    <li><a href="#">generell informasjon</a></li>
    <li><a href="#">firmaopplysninger</a></li>
    <li><a href="#">autorisasjoner og godkjenninger</a></li>
    <li class="noBorder"><a href="#">målsetting</a></li>
   </ul>
  </li>
<li><a href="#">Ansatte</a>
<ul>
    <li><a href="#">Ola Håkon</a></li>
    <li><a href="#">Gunnar</a></li>
    <li><a href="#">Torstein</a></li>
    <li><a href="#">Konrad</a></li>
    <li><a href="#">Polen</a></li>
    <li><a href="#">Ruste</a></li>
    <li><a href="#">Øyvind</a></li>
    <li><a href="#">Greven</a></li>
    <li class="noBorder"><a href="#">Alf</a></li>
   </ul>
  </li>
<li><a href="#">Maskinpark</a>
<ul>
    <li><a href="#">Gravemaskin 1</a></li>
    <li><a href="#">Gravemaskin 2</a></li>
    <li><a href="#">Gravemaskin 3</a></li>
    <li><a href="#">Gravemaskin 4</a></li>
    <li><a href="#">Gravemaskin 5</a></li>
    <li><a href="#">Gravemaskin 6</a></li>
    <li><a href="#">Gravemaskin 7</a></li>
    <li><a href="#">Gravemaskin 8</a></li>
    <li><a href="#">Dozar 1</a></li>
    <li><a href="#">Dozar 2</a></li>
    <li><a href="#">Dumper</a></li>
    <li><a href="#">Traktor 1</a></li>
    <li><a href="#">Traktor 2</a></li>
    <li><a href="#">Henger</a></li>
    <li class="noBorder"><a href="#">Henger</a></li>
   </ul>
  </li>
<li><a href="#">Referanser</a></li>
<li><a href="#">Betongboring</a>
<ul>
    <li><a href="#">Kjerneboring</a></li>
     <li class="noBorder"><a href="#">Riving</a></li>
   </ul>
<li><a href="#">Naturstein</a></li>
<li><a href="#">Galleri</a></li>
<li><a href="#">Grustak</a>
<ul>
    <li><a href="#">Dombås</a></li>
     <li class="noBorder"><a href="#">Bjorli</a></li>
   </ul>
  </li>
<li class="noBorder"><a href="#">Kontakt</a></li>
</ul>
<div id="iguanLink"><a href="http://www.iguan.no">web: iguan design</a>
<div id="duerHer"><p>Du er her: Korsvoll Maskin > maskinpark > <B>Dozer</B></p>
    </div>
   </div>
  </div>
 <div id="maskinGalleri">
  <a href="../MaskinGalleri/maskin1.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/maskin1_min.jpg" width=210" height="110" border="0" /></a>
  <a href="../MaskinGalleri/Hummer1.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/Hummer1_min.jpg" width=210" height="110" border="0" /></a>
  <a href="../MaskinGalleri/30tonner1.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/30tonner1_min.jpg" width=210" height="110" border="0" /></a>
  <a href="../MaskinGalleri/traktor3.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/traktor3_min.jpg" width=210" height="110" border="0" /></a>
  </div>
 </body>
</html>
medlem i 148 måneder
 

Re: div og div

Innleggav kolby » tir 08.06.2010 1:00

Du hadde glemt å lukke en </ul> på linje 60, også var det noen " som manglet til bredden på bildene. Jeg har fikset alt så det validerer skikkelig nå:

Kode: Merk alt
<!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>Maskinpark</title>
<script type="text/javascript" src="../lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="../lightbox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../lightbox2/js/lightbox.js"></script>
<link type="text/css" rel="stylesheet" href="korsvoll.css" />
</head>
<body>
<div id="maskinPark">
<ul id="nav">
   <li><a href="#">Korsvoll maskin</a>
      <ul>
         <li><a href="#">generell informasjon</a></li>
         <li><a href="#">firmaopplysninger</a></li>
         <li><a href="#">autorisasjoner og godkjenninger</a></li>
         <li class="noBorder"><a href="#">målsetting</a></li>
      </ul>
   </li>
   <li><a href="#">Ansatte</a>
      <ul>
         <li><a href="#">Ola Håkon</a></li>
         <li><a href="#">Gunnar</a></li>
         <li><a href="#">Torstein</a></li>
         <li><a href="#">Konrad</a></li>
         <li><a href="#">Polen</a></li>
         <li><a href="#">Ruste</a></li>
         <li><a href="#">Øyvind</a></li>
         <li><a href="#">Greven</a></li>
         <li class="noBorder"><a href="#">Alf</a></li>
      </ul>
   </li>
   <li><a href="#">Maskinpark</a>
      <ul>
         <li><a href="#">Gravemaskin 1</a></li>
         <li><a href="#">Gravemaskin 2</a></li>
         <li><a href="#">Gravemaskin 3</a></li>
         <li><a href="#">Gravemaskin 4</a></li>
         <li><a href="#">Gravemaskin 5</a></li>
         <li><a href="#">Gravemaskin 6</a></li>
         <li><a href="#">Gravemaskin 7</a></li>
         <li><a href="#">Gravemaskin 8</a></li>
         <li><a href="#">Dozar 1</a></li>
         <li><a href="#">Dozar 2</a></li>
         <li><a href="#">Dumper</a></li>
         <li><a href="#">Traktor 1</a></li>
         <li><a href="#">Traktor 2</a></li>
         <li><a href="#">Henger</a></li>
         <li class="noBorder"><a href="#">Henger</a></li>
      </ul>
   </li>
   <li><a href="#">Referanser</a></li>
   <li><a href="#">Betongboring</a>
      <ul>
         <li><a href="#">Kjerneboring</a></li>
         <li class="noBorder"><a href="#">Riving</a></li>
      </ul>
   </li>
   <li><a href="#">Naturstein</a></li>
   <li><a href="#">Galleri</a></li>
   <li><a href="#">Grustak</a>
      <ul>
         <li><a href="#">Dombås</a></li>
         <li class="noBorder"><a href="#">Bjorli</a></li>
      </ul>
   </li>
   <li class="noBorder"><a href="#">Kontakt</a></li>
</ul>
   <div id="iguanLink"><a href="http://www.iguan.no">web: iguan design</a>
      <div id="duerHer">
         <p>Du er her: Korsvoll Maskin &raquo; maskinpark &raquo; <strong>Dozer</strong></p>
      </div>
   </div>
</div>
<div id="maskinGalleri">
  <a href="../MaskinGalleri/maskin1.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/maskin1_min.jpg" width="210" height="110" border="0" alt="bilde" /></a>
  <a href="../MaskinGalleri/Hummer1.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/Hummer1_min.jpg" width="210" height="110" border="0" alt="bilde" /></a>
  <a href="../MaskinGalleri/30tonner1.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/30tonner1_min.jpg" width="210" height="110" border="0" alt="bilde" /></a>
  <a href="../MaskinGalleri/traktor3.jpg" rel="lightbox[maskingalleri]"><img src="../MaskinGalleri/traktor3_min.jpg" width="210" height="110" border="0" alt="bilde" /></a>
  </div>
</body>
</html>


Bare si ifra hvis du har noen flere problemer. Lykke til.

Administrator
Brukerens avatar
medlem i 204 måneder
 

Re: div og div

Innleggav srb » tir 08.06.2010 1:01

Hei og takk!

Det er super hjelp:)
medlem i 148 måneder
 


Returner til XHTML/HTML



Hvem er i Forumene

Registrerte brukere: Google [Bot]



cron