Mám problém s divným zobrazováním v našem skvělém (myslím to ironicky) prohlížeči Microsoft Internet Exploreru. Problém je se zobrazením menu - při načtení stránky je menu o kus vedle, než má být. A při přejetí myší se přesune tam, kde má být.
Můžete se na to podívat zde:
http://petrx.wz.cz/newdesign/data/main/
Zdroják:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- Copyright © 2005, BaTeCzKo | bateczko@gmail.com | http://bateczko.xhosting.cz -->
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="author" content="BaTeCzKo">
<meta name="keywords" content="programování,programovani,petr,Petr,programovací nástroj Petr,programovaci nastroj Petr,gemtree,Gemtree,tipy,triky,download,forum">
<meta name="description" content="Petr X - projekt zaměřený na vizuální programovací nástroj PETR">
<title>Petr X - projekt zaměřený na vizuální programovací nástroj PETR</title>
<style type="text/css">
body {
font-family: Verdana;
font-size: 12px;
color: white;
background-color: black;
background-image: url(../pictures/main/background.jpg);
background-repeat: repeat-x;
}
#logo-obsah {
width: 747px;
background-color: black;
background-image: url(../pictures/main/obsah_bg.jpg);
background-repeat: repeat-y;
}
.border {
width: 7px;
}
#border-bottom {
background-image: url(../pictures/main/border-bottom.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 747px;
height: 11px;
font-size: 0px;
}
/*menu*/
#menu {
width: 135px;
padding-left: 9px;
}
#menu-obal {
position: relative;
top: -1px;
}
#menu-top {
width: 135px;
height: 7px;
background-image: url(../pictures/main/menu-top.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 0px;
}
#menu-middle {
width: 135px;
background-image: url(../pictures/main/menu-middle.jpg);
background-repeat: repeat-y;
}
#menu-odsazeni {
width: 115px;
text-align: left;
}
#menu-bottom {
width: 135px;
height: 7px;
background-image: url(../pictures/main/menu-bottom.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 0px;
}
.menu-polozka a {
display: block;
width: 115px;
height: 15px;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
color: white;
text-decoration: none;
background-color: black;
padding-left: 1px;
}
.menu-polozka a:hover {
background-color: white;
color: black;
}
.odkaz {
position: relative;
top: 2px;
}
/*obsah*/ /*sirka = 589px*/
#obsah {
-moz-box-sizing: border-box;
padding: 0px 9px 0px 5px;
width: 612px;
}
/*ostatni*/
.title {
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: white;
text-align: center;
border-bottom: 1px solid #474747;
padding-bottom: 3px;
}
</style>
</head>
<body topmargin="0">
<center>
<table cellspacing="0" cellpadding="0"><tr valign="TOP">
<td class="border"><img src="../pictures/main/border-left.jpg"></td>
<td id="logo-obsah">
<!--logo-->
<img src="../pictures/main/logo.jpg" alt="Petr X">
<!--menu & obsah-->
<table width="747" cellspacing="0" cellpadding="0">
<tr valign="TOP">
<!--menu-->
<td id="menu">
<div id="menu-obal">
<div id="menu-top"></div>
<center>
<div id="menu-middle">
<div id="menu-odsazeni">
<div class="title">Menu</div>
<div class="menu-polozka">
<a href="index.php?page=uvod">
<span class="odkaz">
Úvodní strana
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=novinky">
<span class="odkaz">
Novinky
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=download">
<span class="odkaz">
Download
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=navody">
<span class="odkaz">
Návody
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=triky">
<span class="odkaz">
Triky
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=oprogramu">
<span class="odkaz">
O programu
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=forum">
<span class="odkaz">
Fórum
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=odkazy">
<span class="odkaz">
Odkazy
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=autori">
<span class="odkaz">
Autoři
</span></a>
</div>
<div class="menu-polozka">
<a href="index.php?page=kontakt">
<span class="odkaz">
Kontakt
</span></a>
</div>
</div>
</div>
</center>
<div id="menu-bottom"></div>
</div>
</td>
<!--obsah-->
<td id="obsah">
x
</td>
</tr></table>
<div id="border-bottom"></div>
</td>
<td class="obsah"><img src="../pictures/main/border-right.jpg"></td>
</tr></table>
</center>
</body>
</html>
