Autor Zpráva
dr.mutant
Profil *
Lidičky, prosím o pomoc.. hover menu absolutně pozicované se v MSIE nezobrazí korektně - po najetí na prostřední link 'DESIGNÉŘI' se 3 paralelní sloupce podmenu rozbalí zdrcnuté do sebe. Nefunguje předpis viz předposlední odstavec v css souboru. FF, Opera a Safari(Mac) bez problému.
???
www.studio-lr.com/00menu.html
www.studio-lr.com/styles/_screen.css
www.studio-lr.com/styles/menu.js
dr.mutant
Profil *
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Studio LR</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta name="content-language" content="cz">
<style type="text/css">
body {margin:0; padding:0; color:#666}
body * {line-height:115%}
html, body {height:100%}
body, textarea, select {font:small "Lucida Grande","Geneva CE",Verdana,lucida,sans-serif}
* html body, h6 {font-size:x-small; f\ont-size:small}
h7, h6, h5, h4, h3, h2, h1,p, ul, ol, li, dl, dd, dt, form, fieldset, input, select, textarea {margin:0; padding:0}
a {text-decoration:underline; color:#999}
a:hover {text-decoration:underline; color:#f60}
h1 a {text-decoration:none; color:#737373}
h1 {margin-bottom:1em; font-size:14px; color:#999}
h2, h3, h4, h5, h6, h7 {margin-bottom:0.5em; color:#999}
h2 {font-size:13px}
h3 {font-size:85%; font-weight:normal}
.clr {clear:both; height:0px; font-size:1px; overflow:hidden}
#page {background:url(http://www.studio-lr.com/img/bg-page.gif) no-repeat}
#central {width:900px; margin:0 auto;}
#header1 {float:left; width:120px; height:134px; background:#838383 url(http://www.studio-lr.com/img/pan1.gif)}
#header2 {float:left; height:134px; width:660px}
#header3 {float:right; width:120px; height:190px}
#header2, #hoverMenu, #right, #foot {background:white}
#logo {float:left; width:120px; height:56px; background:url(http://www.studio-lr.com/img/logo.gif)}
#hoverMenu {float:left; height:56px; width:660px}
#content {clear:both; background:url(http://www.studio-lr.com/img/bg-content.gif) repeat-y}
#left {float:left; width:100px; padding:10px}
#right {float:left; width:486px; padding:10px 12px}
* html #right {width:510px; wid\th:486px}
#edge {float:left; width:130px; padding:10px; font-size:77%}
* html #edge {width:150px; wid\th:130px}
#foot {padding:10px 10px 10px 132px; font-size:11px; background:url(http://www.studio-lr.com/img/bg-foot.gif) no-repeat}
#edge a, #left a {color:#f60;}
p {margin-bottom:0.5em}
h3 p {margin-bottom:5em}
.item {padding-bottom:1.5em; clear:both}
.il {float:left; margin:0.15em 0.5em 0.25em 0; border:1px solid #999}
/* HOVER MENU.................................................................. ................................................. */
#mainMenu {font-weight:bold; padding:0; margin:0; float:left; display:block; position:relative; list-style-type:none}
#mainMenu ul {z-index:20; padding:0; margin:0; line-height:1; list-style-type:none}
#mainMenu a {color:#999; text-decoration:none; white-space:nowrap}
#mainMenu ul a {color:#ccc; padding-bottom:0.2em; font-size:11px; line-height:100%}
#mainMenu ul a:hover {color:#f60}
li#studio {position:absolute; left:13px}
li#program {position:absolute; left:103px}
li#designeri {position:absolute; left:210px}
li#workshop {position:absolute; left:327px}
li#lr {position:absolute; left:547px}
li#en {position:absolute; left:644px}
li#studio ul, li#program ul, li#designeri ul, li#designeri ul ul, li#workshop ul, li#lr ul {bottom:1.2em}
/* ...................................................................... ............................................. */
#mainMenu a {display:block; width:10em}
#mainMenu li {/* all list items */ float:left; width:10em}
#mainMenu li ul {/* second-level lists */ position:absolute; background:url(http://www.studio-lr.com/img/spacer.gif); width:10em; left:-999em}
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul
{/* lists nested under hovered list items */left:auto}
#mainMenu li:hover ul#designeri2 {left:10em}
#mainMenu li:hover ul#designeri3 {left:20em}
/* ...................................................................... ............................................. */
#mainMenu li ul ul {/* third-and-above-level lists */ margin:0 0 0 7.7em; bottom:0}
#mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {left:-999em}
</style>
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("mainMenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</head>
<body>
<div id="page">
<div id="central">
<!-- ................................................................ -->
<div id="header1"></div>
<div id="header2">
<object type="application/x-shockwave-flash" data="http://www.studio-lr.com/head.swf?po=13" width="660" height="134">
<param name="movie" value="http://www.studio-lr.com/head.swf?po=13">
<param name="wmode" value="transparent">
<img src="http://www.studio-lr.com/img/pan2.jpg" width="660" height="134" border="0" alt="No Flash">
</object>
</div>
<div id="header3"><img src="http://www.studio-lr.com/img/spacer.gif" width="120" height="120" border="0" alt=""></div>
<div id="logo"><a href="index08.html"><img src="http://www.studio-lr.com/img/logo.gif" width="120" height="56" border="0" alt="Studio LR"></a></div>
<div id="hoverMenu">
<ul id="mainMenu">
<li id="studio"><a href="index08.html" title="aktuality Studia LR">studio</a>
<ul>
<li><a href="index08.html">aktuality Studia LR</a></li>
<li><a href="kontakty.html">kontakty</a></li>
<li><a href="zamer.html">záměr studia</a></li>
<li><a href="plany.html">plány programu</a></li>
<li><a href="pronajmy.html">pronájmy</a></li>
<li><a href="partneri.html">partneři</a></li>
</ul>
</li>
<li id="program"><a href="kalendar08.html" title="program 2008">program</a>
<ul>
<li><a href="kalendar08.html">kalendář 2008</a></li>
<li><a href="index07.html">archiv 2007</a></li>
<li><a href="index06.html">archiv 2006</a></li>
<li><a href="index05.html">archiv 2005</a></li>
<li><a href="workshop-studio.html">workshopy Studia LR</a></li>
<li><a href="prednasky.html">prednášky</a></li>
<li><a href="tisk-tz.html">Studio LR v tisku</a></li>
<li><a href="galerie-studio08.html">fotogalerie</a></li>
</ul>
</li>
<li id="designeri"><a href="designeri.html" title="designéři">designéři</a>
<ul id="designeri1">
<li><a href="hana-zarubova.html">Hana Zárubová</a></li>
<li><a href="jakub-polanka.html">Jakub Polanka</a></li>
<li><a href="denisa-nova.html">Denisa Nová</a></li>
<li><a href="muset.html">MUSET</a></li>
<li><a href="lukas-kimlicka.html">Lukáš Kimlička</a></li>
<li><a href="petr-kalouda.html">Petr Kalouda</a></li>
<li><a href="monika-drapalova.html">Monika Drápalová</a></li>
<li><a href="pavel-brejcha.html">Pavel Brejcha</a></li>
<li><a href="alesbary.html">Alešbáry</a></li>
</ul>
<ul id="de
dr.mutant
Profil *
<ul id="designeri2">
<li><a href="natalie-steklova.html">Natálie Steklová</a></li>
<li><a href="maria-stranekova.html">Mária Štraneková</a></li>
<li><a href="marketa-vinglerova.html">Markéta Vinglerová</a></li>
<li><a href="eva-brzakova.html">Eva Brzáková</a></li>
<li><a href="andrea-kvasnicova.html">Andrea Kvasnicová</a></li>
<li><a href="zdenek-vacek.html">Zdeněk Vacek</a></li>
<li><a href="pavel-jevula.html">Pavel Jevula</a></li>
<li><a href="boris-hanecka.html">Boris Hanečka</a></li>
<li><a href="lukas-kimlicka.html">Lukáš Kimlička</a></li>
</ul>
<ul id="designeri3">
<li><a href="zuzana-sedmidubska.html">Zuzana Sedmidubská</a></li>
<li><a href="marcel-holubec.html">Marcel Holubec W.</a></li>
<li><a href="vojta-novotny.html">Vojta Novotný</a></li>
<li><a href="zuzana-vesela.html">Zuzana Veselá</a></li>
</ul>
</li>
<li id="workshop"><a href="workshop.html" title="aktuality workshop">workshop Farma Olšany</a>
<ul>
<li><a href="workshop.html">aktuality workshop</a></li>
<li><a href="workshop-2007.html">Tolerance materiálu V (2007)</a></li>
<li><a href="workshop-2006.html">Tolerance materiálu IV (2006)</a></li>
<li><a href="workshop-2005.html">Tolerance materiálu III (2005)</a></li>
<li><a href="workshop-2004.html">Tolerance materiálu II (2004)</a></li>
<li><a href="workshop-2003.html">Tolerance materiálu I (2003)</a></li>
</ul>
</li>
<li id="lr"><a href="http://www.lr-style.com">LR style</a>
<ul>
<li><a href="http://www.lr-style.com">LR style</a></li>
</ul>
</li>
<li id="en"><a href="#">en</a></li>
</ul>
<div class="clr"></div>
</div>
<!-- ................................................................ -->
<div id="content">
<!-- .............................. -->
<div id="left"></div>
<!-- .............................. -->
<div id="right">
<div class="item">
<h3>25.02.2008</h3>
<h1><a href="http://www.studio-lr.com/2008_0225.html">S kolekcí "Nostalgie" se představí nová držitelka titulu TOP STYL DESIGNER Zuzana Sedmidubská</a></h1>
<img src="http://www.studio-lr.com/foto/2008_0225.jpg" alt="TOP STYL DESIGNER ve Studiu LR - Zuzana Sedmidubská - kolekce Nostalgie" class="il">
<p>.......................... </p>
<p class="clr"></p>
<p><a href="http://www.studio-lr.com/2008_0225.html">(více...)</a></p>
<p><a href="http://www.studio-lr.com/tisk/pozvanka-zuzana-sedmidubska-nostal gie-studio-lr-2007.pdf">STÁHNOUT POZVÁNKU (formát pdf)</a></p>
</div>
</div>
<!-- .............................. -->
<div id="edge">.......................... </div>
</div>
<div class="header3"><img src="http://www.studio-lr.com/img/spacer.gif" width="120" height="120" border="0" alt=""></div>
<!-- .............................. -->
<div class="clr"></div>
<!-- ................................................................ -->
<div id="foot">
<p><a href="javascript:print()"><img src="http://www.studio-lr.com/img/print-page.png" alt="Vytiskni stránku / Print page" title="Vytiskni stránku / Print page" width="23" height="19" border="0"></a></p>
<p>&copy; Liběna Rochová, Studio LR, Malostranské nábřeží 1, 1.patro, 11801 Praha 1</p>
</div>
</div>
</div>
</div>
</body>
</html>

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: