Boxes displaying differently in IE and FF

Hi all,

I am having problems with the layout of my page. I have added a new sidebox, but it seems to align differently in IE and FF. The box in question is on the right and at the moment is talking about the next market day. If you view this in IE, it views fine with the border of the box not going beyond the edge, but if you view it in FF, the box appears to be over the edge.

I have tried changing many different settings within Admin and within my CSS files, but I can't seem to get a combination that works.

The current settings in Admin are:

Column Width - Left Boxes: 165px
Column Width - Right Boxes: 165px
Column Width - Left: 165px
Column Width - Right: 165px

The current settings within my CSS file are:

#marketssidebox {
color: #000000;
margin-left: 0px;
margin-right: 0px;
background-color: #eaffca;
text-align: center;
font-family: Arial;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#navColumnTwo {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFFF
}

Any thoughts on how this can be fixed???

While code is fine a link to where this can be viewed will improve your responses to this issue

I'd lose my head if it wasn't screwed on! Sorry about that. Here it is...

https://www.imaginart.com.au

Change your 'tpl_blank_sidebox.php' to include the following.

You can then remove any duplicate declarations within your '#marketssidebox' styling.

Also note, whatever duplicate declarations there are for

• class="sideBoxContent"
  will over write your ones in
• id="marketssidebox"
  but not the ones in your 'tpl_blank_sidebox.php' because that's way CSS works. :smile:

I tried doing what you said, but it didn't help. In fact, the box vanished completely!

Is there way of not having 'sideBoxContent' over write 'marketssidebox'.

Any other thoughts on why this is happening? Seems strange that IE is fine, but FF is not...or if I change things I can have it the other way around.

All,

Problem is fixed! I removed the lines in #marketssidebox that were duplicated in .sideBoxContent and the problem was fixed! I don't fully understand why...but hey, it works!

Thanks :smile: