Autor Zpráva
burinek
Profil
#1 · Zasláno: 11. 2. 2008, 23:56:13
Odpovědět Citovat
Ahoj, zase sem narazil na, pro mě neřešitelný, problém.
V IE6 se mi špatně zobrazuje horizontální hover menu. V Opeře a FF funguje vše dle mých představ - menu se rozbalí a překrývá obsah stránky pod sebou.

V IE6 se rozbalí, ale "zaleze" pod veškerý obsah obsahu pod sebou. Pod menu je 2sloupcový obsah floatovaný do leva. Abych mohl ale pozicovat elementy uvnitř osahu, tak sem ještě oba sloupce relativně pozicoval s left a top: 0px; Nevím, jestli už v tomhle není problém. Když odstraním tu relativní pozici, pak menu nezalézá pod pozadí obsahu, což je ok, ale zalézá pořád pod nadpis a text.

stylopis menu:

#menu {width: 800px; height: 30px; font: 0.83em Sans-serif;}
#menu ul {margin: 0; padding: 0; list-style-type: none; }
#menu li {float: left; width: 100px; margin: 0; padding: 0; }
#menu ul.sub {margin: 0; padding: 0; list-style-type: none;}
#menu ul.sub li {display: block; width: 100%; margin: 0; padding: 0; }
#menu ul.sub li a {display: block; margin: 0; width: 150px; color:#990033; text-align: left; text-decoration: none; font-weight: bolder; font-size: 12px; line-height: 25px; text-indent: 10px; border-bottom: 1px solid black; background-color: white; border-right: 1px solid black; border-left: 1px solid black; }
#menu ul.sub li > a {width: 149px;}
#menu ul.sub li a:hover { color: white; background:#CC3300; font-weight: bolder; font-size: 12px; }
#menu ul li.hlavni:hover h3 a {background-color: gray;}
#menu ul li.hlavni {position: relative;}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.hlavni:hover ul.sub {visibility: visible;}
ul.sub {position: absolute; z-index: 10; visibility: hidden;}
h3 {font-size: 12px; margin: 0px; padding: 0px; color: #990033; line-height: 30px; text-align: center; }
h3 a {display: block; text-decoration: none; width: 100%; color: black; line-height: 30px; background-image: url(menu1.png);}
h3 a:hover {color:white; height: 30px; background-image: url(menu2.png); }

stylopis obsahu pod menu:

#obsahlevy {width: 150px; height: auto; float: left; position: relative; font: 0.83em Sans-serif; font-weight: bolder; font-size: 12px; }
#obsahpravy {width: 650px; height: auto; float: left; position: relative; background-image: url(background.png);}
burinek
Profil
#2 · Zasláno: 11. 2. 2008, 23:57:30
Odpovědět Citovat
Ještě bych dodal, že to menu sem našel kdesi na webu a ne úplně všemu rozumim.
tiso
Profil
#3 · Zasláno: 12. 2. 2008, 00:54:26
Odpovědět Citovat
Nastav z-index pre obsah i menu, menší obsah.
burinek
Profil
#4 · Zasláno: 12. 2. 2008, 10:27:45
Odpovědět Citovat
Z-index už v menu je. A autor tohoto menu právě píše, že je kvůli ie6. A mě to chodilo naprosto v pořádku až do doby, kdy sem relativně pozicoval floatovaný obsah...tak nevim
Plaváček
Profil
#5 · Zasláno: 12. 2. 2008, 10:38:07
Odpovědět Citovat
burinek

Živá ukázka by nebyla?
burinek
Profil
#6 · Zasláno: 12. 2. 2008, 10:47:31
Odpovědět Citovat
bohužel...ještě to nemám nikde, jen u sebe na disku
Str4wberry
Profil
#7 · Zasláno: 12. 2. 2008, 15:06:17
Odpovědět Citovat
Odpovídám burinkovi:
„bohužel...ještě to nemám nikde, jen u sebe na disku“
Tak alespoň přidej HTML kód.
effendi
Profil *
#8 · Zasláno: 12. 2. 2008, 15:44:16
Odpovědět Citovat
Ja mam taky isty problem ale riesenie som este nenasiel....
burinek
Profil
#9 · Zasláno: 12. 2. 2008, 21:17:25
Odpovědět Citovat
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>VYSOČINKA - band</title>
<meta name="Description" content="Vysočinka - oficiální stránky" />
<meta name="Keywords" content="Vysočinka, dechovka, band, kapela mnoha tváří, staropražské písničky" />
<meta name="Author" content="Vysočinka, email:vysocinkaATseznam.cz" />
<link rel="stylesheet" type="text/css" media="screen,projection" href="vysocinka.css" />
<script type="text/javascript" src="javascript.js"></script>
</head>

<body>

<div id="obal">

<div id="hlavicka">
<h4 id="header"><a href="index.htm"><span>hlavička</span></a></h4>
</div>

<div id="menu">
<ul>
<li class="hlavni"><h3><a href="+">HISTORIE</a></h3>
<ul class="sub">
<li><a href="#" title="">Vznik</a></li>
<li><a href="#" title="">Ocenění</a></li>
<li><a href="#" title="">Bývalí členové</a></li>
</ul>
</li>

<li class="hlavni"><h3><a href="+">SOUČASNOST</a></h3>
<ul class="sub">
<li><a href="#" title="">Novinky</a></li>
<li><a href="#" title="">Obsazení</a></li>
<li><a href="#" title="">Koncerty</a></li>
<li><a href="#" title="">Estráda</a></li>
<li><a href="#" title="">Band</a></li>
</ul>
</li>

<li class="hlavni"><h3><a href="CD1.htm">DISKOGRAFIE</a></h3>
<ul class="sub">
<li><a href="CD1.htm" title="Vysočinka - Na přání">CD Na přání</a></li>
<li><a href="CD2.htm" title="Vysočinka - Pět let">CD Pět let</a></li>
<li><a href="CD3.htm" title="Vysočinka - Máničko moje">CD Máničko moje</a></li>
<li><a href="CD4.htm" title="Vysočinka - Rodné Jiřice">CD Rodné Jiřice</a></li>
<li><a href="CD5.htm" title="Vysočinka - Demo snímek">CD Demo snímek</a></li>
<li><a href="formular.htm" title="Objednávací formulář">Nákupní košík</a></li>
</ul>
</li>

<li class="hlavni"><h3><a href="Foto1.htm">FOTOGALERIE</a></h3>
<ul class="sub">
<li><a href="Foto1.htm" title="Fotky z koncertů">Fotky z koncertů</a></li>
<li><a href="Foto2.htm" title="Fotky z plesů">Fotky z plesů</a></li>
<li><a href="Foto3.htm" title="Něco pro zasmání">Něco pro zasmání</a></li>
<li><a href="Foto4.htm" title="...ze všedního života">...ze všedního života</a></li>
</ul>
</li>

<li class="hlavni"><h3><a href="diskuze.htm">DISKUZE</a></h3>
</li>

<li class="hlavni"><h3><a href="+">NABÍDKA</a></h3>
<ul class="sub">
<li><a href="#" title="">Koncertní program</a></li>
<li><a href="#" title="">Taneční zábava</a></li>
<li><a href="#" title="">Program pro děti</a></li>
<li><a href="#" title="">Ozvučení akcí</a></li>
</ul>
</li>

<li class="hlavni"><h3><a href="Kontakt1.htm">KONTAKTY</a></h3>
<ul class="sub">
<li><a href="Kontakt1.htm" title="Kontakt na kapelníka">Kapelník</a></li>
<li><a href="Kontakt2.htm" title="Kontakt na managera">Manažer</a></li>
<li><a href="Kontakt3.htm" title="Kontakt na zvukaře">Zvukař</a></li>
</ul>
</li>

<li class="hlavni"><h3><a href="+">VYSTOUPENÍ</a></h3>
</li>
</ul>

</div>

<div id="obsahlevy">

<div id="levy13">
</div>

<div id="levy23">
<ul>
<li><a href="CD1.htm" title="Vysočinka - Na přání">CD Na přání</a></li>
<li><a href="CD2.htm" title="Vysočinka - Pět let">CD Pět let</a></li>
<li><a href="CD3.htm" title="Vysočinka - Máničko moje">CD Máničko moje</a></li>
<li><a href="CD4.htm" title="Vysočinka - Rodné Jiřice">CD Rodné Jiřice</a></li>
<li><a href="CD5.htm" title="Vysočinka - Demo snímek">CD Demo snímek</a></li>
<li><a href="formular.htm" title="Objednávací formulář">Nákupní košík</a></li>
</ul>
</div>

<div id="levy33">
</div>

</div>


<div id="obsahpravy">

<h2 class="h2cd">Diskografie, CD Pět let</h2>
<h4 id="cd2"><span>CD Pět let</span></h4>
<h4 id="objednat"><a href=""><span>Ton studio Rajchman</span></a></h4>


<br></br>

</div>

<div id="paticka">
<p>patička</p>
</div>

</div>


</body>
</html>
Str4wberry
Profil
#10 · Zasláno: 12. 2. 2008, 21:29:38
Odpovědět Citovat
Odpovídám burinkovi:
Je ten kód kompletní? Pokud ano, nefunguje to asi kvůli nefunkčnosti :hoveru u „neodkazu“ – hledej „hover.htc“.
burinek
Profil
#11 · Zasláno: 12. 2. 2008, 21:38:18
Odpovědět Citovat
Tu knihovnu hover.htc tam připojenou mám. Mě nejde o to, že by se to menu "nerozbalilo" v ie6. Ono se rozbalí, ale zaleze pod obsah stránky pod ním. Taky sem si myslel, jestli to nebude z-indexem, ale ten v obsahu nemám nastavený vůbec...
effendi
Profil *
#12 · Zasláno: 12. 2. 2008, 22:16:49
Odpovědět Citovat
Skusal som to s tym z-indexom no ziadna odozva, nebude to v niecom inom ? do jednej stranky som to menu pridal ako posledne a ide to v pohode ale ak to dam najskor a potom dalsi layer pod to tak to nefunguje ... ?!?!
burinek
Profil
#13 · Zasláno: 12. 2. 2008, 23:16:11
Odpovědět Citovat
Mě to chodilo bezproblémově až do tý doby, než sem relativně nepozicoval ty plaváčky. Dělal sem to kvůli zanořenému pozicování elementů uvnitř obsahu.
tiso
Profil
#14 · Zasláno: 12. 2. 2008, 23:58:14 · Upravil/a: tiso
Odpovědět Citovat
burinek - tak ešte raz: nastav z-index pre poziciovaný prvok v menu, i pre poziciovaný prvok v obsahu, menší pre obsah...
effendi
Profil *
#15 · Zasláno: 13. 2. 2008, 13:13:11
Odpovědět Citovat
Tiso diki ide to
tiso
Profil
#16 · Zasláno: 13. 2. 2008, 14:57:11
Odpovědět Citovat
effendi - ja viem, asi som bol v pôvodnom príspevku príliš stručný. Predpokladal som, že je známe že z-index sa nastavuje iba poziciovaným prvkom, pre iné ho nemá význam nastavovať.
burinek
Profil
#17 · Zasláno: 14. 2. 2008, 00:28:32
Odpovědět Citovat
Tiso děkuju, funguje to. Problém byl opravdu v chybějícím z-indexu v #menu ul li.hlavni {position: relative;}
tiso
Profil
#18 · Zasláno: 14. 2. 2008, 01:00:06
Odpovědět Citovat
burinek - som tiso, i na začiatku vety...
effendi
Profil *
#19 · Zasláno: 15. 2. 2008, 16:16:56
Odpovědět Citovat
Este jedna otazka, to menu mi nechce rolovat- otvorit v IE, ale mozila to v pohode spravy, v com to je???
tiso
Profil
#20 · Zasláno: 15. 2. 2008, 16:32:41
Odpovědět Citovat
effendi - to je v chýbajúcom alebo zle nastavenom súbore csshover.htc
effendi
Profil *
#21 · Zasláno: 16. 2. 2008, 07:56:48
Odpovědět Citovat
hej tento subor tam nemam, co by som mal v nom definovat?
Časová prodleva: 16 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0