 Lid |
|
Hallo,
Ik ben bezig met een nieuw systeempje voor mijn site.
Ik probeer het nu op Google Chrome, Internet Explorer 8, Opera en Firefox.
Normaal werkt het overal goed behalve in IE, maar nu werkt het overal goed behalve in Firefox.
Voorbeeld: http://www.shamrock-maastricht.nl/index2.php
Klik maar op producten (binnen het zwarte kader).
Er moet een beige vak verschijnen onder de grotere balk.
Dit is de code:
<style>
.opties
{
position: absolute;
background-color: <?PHP echo $content_background_color; ?>;
top: 0px;
left: 250px;
width: 720px;
height: 500px;
visibility: hidden
}
</style>
<script language="javascript">
function openMenu()
{
document.getElementById('opties').style.visibility = "visible";
}
</script>
<div id="menu" onclick="openMenu();" style="border:1px solid #000000">Producten</div>
<div id="opties" class="opties"></div>
.opties { position: absolute; background-color: <?PHP echo $content_background_color; ?>; top: 0px; left: 250px; width: 720px; height: 500px; visibility: hidden } <script language="javascript"> function openMenu() { document.getElementById('opties').style.visibility = "visible"; } <div id="menu" onclick="openMenu();" style="border:1px solid #000000">Producten </div> <div id="opties" class="opties"></div>
In chrome, ie en opera werkt het precies zoals ik bedoeld had, in firefox zet hij het beige vak in het midden bovenin.
iemand enig idee waar de fout ligt?
Bedankt
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
