Autor Zpráva
Question
Profil *
Zdárek! Mám problém so správnym zobrazovaním menu v IE.

http://localhost/index_intcss.php?kat=3

http://localhost/index_intcss.php?kat=5

Aj u vás sa v IE zobrazuje menu "navigácia" v kategórii 5 širšia ako v kat 3 ? A širšia je u mňa aj v kat=6. Stránka je generovaná v PHP, ale problém je v HTML, hoci aj v kat3 aj kat5 je kód rovnaký, tzn. (zjednodušene):

<!-- SUBMENU -->

<div id="submenu">
<p class="navigacia" title="rastliny">navigácia</p>
<div class="tabulka">
<div class="special-b">Systematika</div>
<div class="special-i">
<a href="index.php?kat=3&file=nizsie" title="Klasifikácia rias">Nižšie rastliny</a>
<a href="index.php?kat=3&file=borovicorasty" title="Oddelenie: Borovicorasty">Oddelenie:
<a href="index.php?kat=3&file=jednoklicnolistove" title="Trieda: Jednoklíčnolistové">Trieda:
</div>
<div class="special-b">Anatómia a morfológia</div>
...
<!-- z nejakého šialeného dôvodu fungujú správne odkazy v podmenu cez display:block v IE len s nasledovným divom: //-->
<div style="width: 200px"></div>
</div>


Dá sa to vyriešiť odstránením toho <div style="width: 200px"></div> za poznámkou, ale v tom prípade nefunguje display:block v odkazoch, resp. samotný text odkazov je blokový, ale odkaz sa zvýrazní (a:hover) len ak sa ukáže priamo na text odkazu, tzn. nie aj keď je kurzor mimo textu odkazu v tom istom riadku.

Pomôžte mi s tým plííííz. Vo Firefoxe aj Opere sa zobrazuje všetko tak ako má, tzn. bez toho rozšíreného menu v kat5 a kat6.
Question
Profil *
samozrejme správne odkazy sú:

http://biowebgym.php5.sk/index_intcss.php?kat=3

http://biowebgym.php5.sk/index_intcss.php?kat=5
Question
Profil *
V prvom zdrojáku, ktorý som uviedol, je chyba !!!

za ... má byť ešte </div> ktorý ukončuje <div class="tabulka">
Question
Profil *
Takže... Postupne som zistil, že menu v kat3 sa zobrazuje v IE správne preto, lebo na konci bloku <div class="special-i"> sa nachádza ešte jedna položka s odkazom na "Môj herbár". Ak som spomenutý "kontroverzný" riadok <div style="width:200px"></div> presunul ešte pred ukončenie bloku <div class="tabulka"> a ešte k tomu som upravil rozmer, lebo 200px vykazovalo podobný efekt tej širokej tabuľky:

<!-- SUBMENU -->
<div id="submenu">
...
<div class="special-b">Anatómia a morfológia</div>
...
<div style="width:1px"></div>
</div>
</div>

Pri takomto kóde je síce menu vyššie, ako by malo byť, tzn. jeho dolný okraj medzi posledným odkazom a rámčekom je väčší ako vo firefoxe, ale to je zanedbateľný problém.

Už sa z toho stáva celkom pekný chaos a monológ :((( tak ak by bol niekto predsa taký ochotný sa pozrieť na tento problém, uvítal by som aspoň vysvetlenie, prečo sa display:block v mojom prípade správa odlišne v IE ako vo Firefoxe, a prečo má dodatok "<div style="width:1px"></div>" také zázračné účinky.

Dík
Toto téma je uzamčeno. Odpověď nelze zaslat.

0