| | |
|
|
|
Re: CSS rollover. Problem with "clickable" area |
|---|
| message from BritBloke on 20 Jul 2004 |
Thanks for the code update mzanime.
I've uploaded it again, but I have a problem with it only working on the 1st
menu button :(
Take a http://www.bi-pro.com/design/sanimal_intranet/.
Can you suggest anything? Have I missed something here??
TIA (again!)
|
| mzanime.com replied to BritBloke on 20 Jul 2004 |
Strange, its working fine for me. But then I'm looking at it inside Safari and
IE5.2 on Mac OS X.
<tr>
<td width="150" class="menubutts">
<div align="left"><a href="#">Menu 1</a></div></td>
<td width="150" class="menubutts">
<div align="left"><a href="#">Menu 2</a></div></td>
<td width="150" class="menubutts">
<div align="left"><a href="#">Menu 3</a></div></td>
<td width="150" class="menubutts">
<div align="left"><a href="#">Menu 4</a></div></td>
</tr>
into this:
<tr class="menubutts">
<td width="150" align="left"><a href="#">Menu 1</a></td>
<td width="150" align="left"><a href="#">Menu 2</a></td>
<td width="150" align="left"><a href="#">Menu 3</a></td>
<td width="150" align="left"><a href="#">Menu 4</a></td>
</tr>
The embedded div's (or repeating classes) might be causing whatever browser
you are viewing it in to not work properly.
|
| BritBloke replied to mzanime.com on 21 Jul 2004 |
I see what you mean about it working in other browsers.
I just tested it in Firefox and all the buttons work great. They just don't
work as they should in IE 6 (at least on the PC).
Problem is, it's for a company intranet and they only have IE browsers! Wonder
if I can convince them to switch over to Mozilla Firefox ;)
|
| Murray *TMM* replied to BritBloke on 21 Jul 2004 |
Place this script in the head of the page -
<script type="text/javascript">
if (window.createPopup && document.compatMode &&
document.compatMode=="CSS1Compat")
{
document.onreadystatechange = onresize = function fixIE6AbsPos()
{
if (!document.body) return;
if (document.body.style.margin != "0px") document.body.style.margin = 0;
onresize = null;
document.body.style.height = 0;
setTimeout(function(){ document.body.style.height =
document.documentElement.scrollHeight+'px'; }, 1);
setTimeout(function(){ onresize = fixIE6AbsPos; }, 100);
}
</script>
|
| christoff915 replied to BritBloke on 23 Jul 2004 |
works fine for me
IE6 on win xp pro
christoff
|
|
Archived message: Re: CSS rollover. Problem with "clickable" area (Macromedia Dreamweaver)
