Here's the information as requested by the XOOPS Moderators...
XOOPS Version:
XOOPS 2.2.3 Final

Module Name/Version:
Profile/Private Messaging

PHP Version:
5.0.4

MySQL Version:
4.1.14

Web Server Software (Apache/IIS/Other):
Apache/2.0.54 (Fedora)

Operating System:
Linux

Theme you are using:
Personal Theme

Custom template: (Yes/No)
Yes

PHP Debug Messages:
N/A

MySQL Debug Messages:
N/A

Smarty Debug Messages:
N/A

A full description of the issue:
I recently changed the templates (and a couple of the profile php files) of the Profile and Private Messaging system to make a new GUI for the modules. The idea is that the tabs are supposed to be right next to the rest of the page's content on the right side. I tried using the tag [div align="right"] (brackets supplemented for arrows) to do this. It works fine in Firefox, but in Internet Explorer, there is a huge gap between the tabs and the rest of the content. I've tried using tables to try and change this, but that's failed too. What should I do to achieve the look I have in Firefox in Internet Explorer as well?

The following screenshots are examples from the Private Messaging module's Inbox.

Firefox Screenshot


Internet Explorer Screenshot:


The basic structure for the Template is below:
[div align="right"]
[{if $op == "out"}]
DRAW OUT ALL FOUR TABS W/ EFFECTS FOR onmouseover() AND onmouseout()
[{elseif $op == "save"}]
SAME AS PREVIOUS
[{elseif $op == "in"}]
SAME AS PREVIOUS
[/div]
REST OF PRIVATE MESSAGING TEMPLATE CONTENT HAS NOT BEEN EDITED


Thank you very much in advance for any help you can give to this situation. I look forward to, with your help, completing these changes and releasing them for the benefit of the XOOPS community.

-zimmi88 =)

(Crying)
You'll never get identical view in FF and in w3c-ignorant IE... you can reach some level with IE6, but IE5 and IE5.5 is nightmare of web-designders

Offer:
Can you send me this part of code and CSS (?)(from top to tables) for playing? Can to guarantee nothing, but I'll try

Thanks very much for your offer. I put together a zip file with all the editations I've made. I'm sending you via PM the URL to download it at. Thanks again!
-zimmi88 =)

EDIT:
Here, also, is the little snippet for the tabs and my CSS info...

The problem is that IE and FF handle DIV taggs differently.

If you haven't fixed this yet send me a copy of your theme folder and I'll take a look at it.

Thanks very much for the offer. I definetly could use the help.

I recently discovered too that the two browsers handle the div tag differently. I guess the deal is that IE automatically for some reason adds a break after the div content.

So... I've tried putting together some javascript that detects the browser and gives out slightly different content depending on what browser is being used. It works okay, but there are some bugs with it. The order of the tabs switch around between Firefox and IE, the avatar page is a little bugged in IE, and I have no clue how to fix the bug in the pm_readpmsg template, seeing there are no div tags, but, rather, it's a table.

Images:

pm_readpmsg Page in Firefox and IE, respectivly:



Avatar Page in Firefox and IE, respectivly:




Thanks very much again for offering to help. I'll send you a PM with the URL for the files.
-zimmi88 =)

Quote:

No they don't, the mayor problem I know of is that they both render the boxmodel differently, (and a few other small things which are not that major)

Guys,
I have a problem with IE too, and need to resolve since 99% of my users will use IE. To clarify... for work and only IE is allowed!

I am using the defualt 2.2.3 finale theme.

SBE Chapter 38

In FF the main menu doesn't have boxes around each menu item, but in IE it does. What can I do to get the boxes to go away viewing in IE?


don (el paso)

bump?

don (el paso)

jharis,

In your css you have


Something tells me that IE is adding color to that border you have as transparent.

Try taking away that border.

I'll give it a whirl just a bit later and let you know how it worked.

thanks.


don (el paso)