Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: IE8 näyttää kummasti

volume [02.02.2011 15:37:18]

#

miksiköhön alla oleva sivu näkyy ie8:ssa väärin (heittää alimenusta kokonaan ulos), kun muissa selaimissa ff,opera ja safari näkyypi ok?

<?php echo '<?xml version="1.0" encoding="utf-8"?>'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="Keywords" content="" />
<meta name="author" content="" />
<link href="" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
#pmenu {
  padding:0;
  margin:0 0 0 0;
  list-style-type: none;
  width:200px;/*101px;*/
  position:relative;
  z-index:500;
}
#pmenu ul {
  padding:0;
  margin:0;
  list-style-type: none;
  width:200px;/*101px;*/
  line-height: normal;
}
#pmenu li {
  position:relative;
}
#pmenu a, #pmenu a:visited {
  display:block;
  width:200px;/*100px;*/
  font-size:12px;
  color:#345ca4;
  height:20px;
  line-height:100%; /*22px;*/
  text-decoration:none;
  text-indent:15px;
  background:#CADFF1;
  padding: 5px 0 0 0px;
  border-bottom: 1px dotted #5E80BD;
  left: 0;
}
#pmenu li:hover > a {
  background:#CADFF1;
  color:#4A9BDD;
  font-weight:bold;
}
#pmenu li ul {
  display: none;
}

#pmenu li:hover > ul {
  display:block;
  position:absolute;
  top:0;
  left:200px;
}
</style>
</head>
<body>
<div id="archives" class="boxed">
<h2 class="heading">P&auml;&auml;valikko</h2>
<div class="content">
<ul id="pmenu">
  <li class=""><a href="">xxxxxxxxxxxxxxxxxx »</a>
    <ul>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx »</a>
        <ul>
          <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
          <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
        </ul>
      </li>
      <li><a href="">xxxxxxxxxxxxxxxxxx »</a>
        <ul>
          <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
          <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
        </ul>
      </li>
      <li><a href="">xxxxxxxxxxxxxxxxxx »</a>
        <ul>
          <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
        </ul>
      </li>
     </ul>
  </li>
  <li><a href="">xxxxxxxxxxxxxxxxxx »</a>
    <ul>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
      <li><a href="">xxxxxxxxxxxxxxxxxx</a></li>
    </ul>
  </li>
</ul>
</div>
</div>

</body>
</html>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta