IE vs Firefox css problem

Not sure this is just a problem I created or something in the software. At my sites, the pages are being display differently with IE than Firefox. It looks like IE is not recognizing the tags below. IE doesn't bother to make a second column on the right side. I will do a little research on this and post an edited note. In the meantime, if anyone has a suggestion, I would appreciate it.

Okay... Here is the css.

/templates/tmpl_uni/css/xgeneral.css

The problem occurs on atleast the Profile page for a registrant.

The page looks like it is not responding to the 50% style, which I take it to mean that the page should be split 50% with side by side columns. It handles it in Firefox perfectly. Does anyone have this problem, or did I create it some way?

id="page_column_2" style="width: 50%;"


page_column page_column_last
page_column_2
width:
width: 50%
Quote · 14 Jul 2008

I'm not sure about this particular case, but almost certainly you didn't create the problem as such.  IE is renowned for not beign a standards- compatible browser.  In simpel terms, that just means that while there are standard ways for browsers to do thigns according to the code they see, and most browsers try fairly hard to stick to those standards, IE just does its own thing.  This is most common of all on CSS tags.  There are a huge amounts of 'hacks' out there for getting around them.  I am slowly learning them, but apparently IE8, now in Beta, is finally changign direction and heading towards standards compatibility.

Hopefully someone more knowledgable on IE's 'issues' will be able to pinpoint the exact problem here.

Quote · 14 Jul 2008

Thanks for the comforting thought, Kevmartin.  I am looking into it.  But, css has standards.  If IE doesn't recognize that partiular code to split the column, then it must recognize something else that will do it.

There are others that are obviously using Dolphin. They either have a formatting problem they don't know about, or I did something wrong along the way. It seems like spliting a page into two columns should not be a problem for <div></div>.

Arthur

Quote · 14 Jul 2008

Hi,

For an interesting view of what your site looks like in different browsers take a look at http://browsershots.org/

Cheers

Max

Quote · 15 Jul 2008

That is a handy tool. I looks like MS IE 7.0 is the only browser that doesn't handle whatever code it is that is creating the columns on the Profile page. I am curious whether anyone else has this problem? Could others please check?

I have now spent a few hours studying the issue of IE non-conforming css. Also, I have experimented with the Dolphin code. The attribute value below is the problem. IE will not split the page based on this. The code is created in templates/tmpl_uni/css/profile_view.css. The template css is templates/tmpl_uni/css/general.css.

My quesion is, does anyone have a template and css that presents Dolphin pages consistently over both Firefox and IE? If so, where can I get it. One quick solution so that the column line up side by side it so change the code to an absolute number equal to half you page width in inc/classes/BxDolPageView.php. But that is just the beginning of repairs and adjustments. Here is my hack for temporary use.

$iColumnWidth = '460';
###$this -> sCode .= '<div class="page_column' . $sAddClass . '" id="page_column_' . $iColumn . '" style="width: ' . $iColumnWidth . '%;">';

$this -> sCode .= '<div class="page_column' . $sAddClass . '" id="page_column_' . $iColumn . '" style="width: ' . $iColumnWidth . ';">';

width: 50%
Quote · 15 Jul 2008

That is a handy tool. I looks like MS IE 7.0 is the only browser that doesn't handle whatever code it is that is creating the columns on the Profile page. I am curious whether anyone else has this problem? Could others please check?

I have now spent a few hours studying the issue of IE non-conforming css. Also, I have experimented with the Dolphin code. The attribute value below is the problem. IE will not split the page based on this. The code is created in templates/tmpl_uni/css/profile_view.css. The template css is templates/tmpl_uni/css/general.css.

My quesion is, does anyone have a template and css that presents Dolphin pages consistently over both Firefox and IE? If so, where can I get it. One quick solution so that the column line up side by side it so change the code to an absolute number equal to half you page width in inc/classes/BxDolPageView.php. But that is just the beginning of repairs and adjustments. Here is my hack for temporary use.

$iColumnWidth = '460';
###$this -> sCode .= '<div class="page_column' . $sAddClass . '" id="page_column_' . $iColumn . '" style="width: ' . $iColumnWidth . '%;">';

$this -> sCode .= '<div class="page_column' . $sAddClass . '" id="page_column_' . $iColumn . '" style="width: ' . $iColumnWidth . ';">';

width: 50%

Any update on this? I think I have the same problem. Strange though it just started. I hadn't edited anything. IE 7 just decided not to show the right column. Any ideas?

Quote · 6 Jan 2009

Bug Squashed! This particular issue turned out to be something in the News module affecting the right column widths on the homepage (only in IE - ofcourse). If you are having this problem I suggest removing modules of the homepage 1 at a time to find the bad module and see if removing it fixes it. My Boonex Guru Ivan helped me get a work-around for the News module that wasn't working.

 

Hope this helps somebody.

Quote · 6 Jan 2009
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.