show hide Image wrapp is out of place in IE

[Oak]

http://www.capoeiracanal.co.uk/capoe...es-mon-fri.php

Please can someone find a solution to this. I have tried adjusting the left: px but it ever is out in IE or FF??

Please scroll over
Monday and Friday evenings 7 pm - 9 pm.

Thank you!

[Nile]

Try making a div that will hold both of the 2 sidebars, then use a getElementById.
EDIT: You posted in the java forum not javascript!
2nd EDIT: Can we see your code?

[Oak]

Try making a div that will hold both of the 2 sidebars, then use a getElementById.

sounds good, but don't know what a get element is!

Ok sorry for posting here! should I repost in the javascript?

2nd EDIT: Can we see your code?

??

[Nile]

Can we see your js code so I can edit it and turn it into getElementById.

[Oak]

Ok, sorry! yes yes.

<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>

[Nile]

Put both of the things in the same div.

[Oak]

Hey sorry, wrong code. This is it.

<script type="text/javascript" language="JavaScript"> <!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//-->
</script>
<script type="text/javascript">

[Nile]

Like I said

Put both of the things in the same div.

[Oak]

How ?

<div id="mon-fri-wrapper" "fri-mon-wrapper" style="display: inline;">

[Nile]

You would need to put 'em both in the same div like this:

<div id="mon-fri-wrapper" style="display: inline;">

And then you would want to create a <span> with the id of: "fri-mon-wrapper"
So like this:

<div id="mon-fri-wrapper" style="display: inline;"><!--everyhting--!><span id="fri-mon-wrapper"><!--Links--!></span></div>