mam dziwny problem z moim divem,
może najpierw podam kod (wkleiłem jedynie kod, który jest niezbędny do poprawnego odpalenia Diva - jeżeli inna część kodu będzie potrzebna to dokleje) :
CODE
.myMenu { margin:5px; float:top; }
.myMenu li {list-style:none ; width: 177px; font:3px tahoma #111; float:top }
.myMenu li a:link,
.myMenu li a:visited {text-align: center; background: url(../images/click.png); display:block; float:top; text-decoration:none; font-weight: bold; font-family: tahoma; font-size:11px; padding: 6px;margin:0; solid #fff; color:white; }
.myMenu li a:hover { background: url(../images/clickr.png); }
/*style the sub menu*/
.myMenu li ul { float:left; visibility:hidden; solid #fff; margin:0; margin-left:-25px; position:absolute; }
.myMenu li ul li { display:block; float:top; }
.myMenu li ul li a:link,
.myMenu li ul li a:visited { background:grey; width:auto; }
.myMenu li ul li a:hover { background-color:#3f3f3f }
<script src="../js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/template_css.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('.myMenu > li').bind('mouseover', openSubMenu);
$('.myMenu > li').bind('mouseout', closeSubMenu);
function openSubMenu() {
$(this).find('ul').css('visibility', 'visible');
};
function closeSubMenu() {
$(this).find('ul').css('visibility', 'hidden');
};
});
</script>
.myMenu li {list-style:none ; width: 177px; font:3px tahoma #111; float:top }
.myMenu li a:link,
.myMenu li a:visited {text-align: center; background: url(../images/click.png); display:block; float:top; text-decoration:none; font-weight: bold; font-family: tahoma; font-size:11px; padding: 6px;margin:0; solid #fff; color:white; }
.myMenu li a:hover { background: url(../images/clickr.png); }
/*style the sub menu*/
.myMenu li ul { float:left; visibility:hidden; solid #fff; margin:0; margin-left:-25px; position:absolute; }
.myMenu li ul li { display:block; float:top; }
.myMenu li ul li a:link,
.myMenu li ul li a:visited { background:grey; width:auto; }
.myMenu li ul li a:hover { background-color:#3f3f3f }
<script src="../js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/template_css.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('.myMenu > li').bind('mouseover', openSubMenu);
$('.myMenu > li').bind('mouseout', closeSubMenu);
function openSubMenu() {
$(this).find('ul').css('visibility', 'visible');
};
function closeSubMenu() {
$(this).find('ul').css('visibility', 'hidden');
};
});
</script>
Problem polega na tym, iż w/w div nie wyświetla się poprawnie we wszystkich przeglądarkach (nie działa np w chromie)
mozilla nie działa na niektórych sprzętach (?) - bardzo dziwna sprawa
(sprawdzałem to - z komputera, którego piszę aktualnego posta nie działa, ale z laptopa obok działa (podobnie jak z kilku innych komputerów) - nie wiem dlaczego tak się dzieje)
Moje pytanie brzmi, co mam pozmieniać, aby w/w div był poprawnie wyświetlony w każdej przeglądarce?
bardzo będę wdzięczny za odpowiedź
pozdrawiam