Support ⇒ Themes ⇒ CSS for DF not so IE friendly? ⇒ Community Forums ⇒ CPG Dragonfly™ CMS
Forum IndexThemes

CSS for DF not so IE friendly? Reply to topic


I recently embarked on a project to get our site to look if not the same, then very similiar in both IE and FF.

I'm very close now, but have struck some differences even using the new default theme, which are obvious right here on this site.

IN IE, borders are missing from all the forums. View this forum in both IE and FF and you will see the white space is missing on all the forum borders in IE.

The other one for me, but hard to tell here with white backgrounds, is that Photo Gallery thumbs have a border in IE (white by default, ours are black), but NO border in FF.

Any thoughts?

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Hi,

I don't know how things are made on this site.

But i you have a look at the theme.php in the reDesign theme you'll find some browser detection code that generates template variables.

In the header template the variables are used to load a browser specific css file that overwrites the styles defined in style.css

Hope that can help you

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
Linux/Apache/MySQL 5.1.49/PHP 5.3.6/ DF 9.3.2.0


.maintable {border-collapse:collapse}

Try to reset that value in .forumline or .forumline tr

You can apply this patch for specific browsers, look at "default" (or others) theme.php for the browser detection and own browser css loading.

.:: I met php the 03 December 2003 :: Unforgettable day! ::.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
CloudLinux / Apache 2.4 LSAPI / MySQLi 5.6 / PHP 5.6 / DCVS


So your saying if you browse THIS site in IE, you see the white borders??? Because I don't.

Or I need to add .maintable {border-collapse:collapse} to my css?

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Wow, that was easy, simply goto style.css

.maintable

remove border-collapse:collapse

Done, borders again in IE, sitewide! You might want to update that in the next release Nano. Big grin

Last hurdle is why thumbs have border in IE, but not FF. Any thoughts on why this code displays differently in each browser, again, this is STOCK DF Code from the Coppermine Default Theme.

.thumbnails { padding: 5px; } .thumbnail { padding: 5px; border-left : 1px solid #000000; border-right : 1px solid #000000; }

www.junglewraiths.net/...coppermine

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


The issue in not the .maintable, it's the rules missing in other css classes, eg .forumline or others ...

Remember that changing the global style.css might give you more troubles then anything else.
When possible use provided browsers specific css, or create new ones.

Thumbnails have borders with IE9, FF11, Chrome ... you need to be specific when talking about css issues.

Atm its a bit messy in v9, but v10 has a more clear approach in regarding browser specific css and moreover includes a ghost custom.css, used only if exists, aka not shipped with Drafonfly CMS.

.:: I met php the 03 December 2003 :: Unforgettable day! ::.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
CloudLinux / Apache 2.4 LSAPI / MySQLi 5.6 / PHP 5.6 / DCVS


Well thats up to you really, this issue exists in current 9.3.3.0 download, default theme.

I'm just saying removing border collapse seems to have fixed it for us, with no noticeable side affects just yet.

As for the thumbnails, I'm confused, as when I check in FF I see no borders?

www.junglewraiths.net/...coppermine

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


I see now, default theme and IE9.

About your image, I see a 3px black border however your template file have a "border" inline properties which most likely is causing you the problem.

<img class="image" width="134" height="100" border="0"

.:: I met php the 03 December 2003 :: Unforgettable day! ::.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
CloudLinux / Apache 2.4 LSAPI / MySQLi 5.6 / PHP 5.6 / DCVS


Yes, and IE8 too.

Weirdly setting the thumb background back to white has fixed the issue in Coppermine.

I'm going to go through and update the standard coppermine theme to suit our theme now.

I checked out the included Maze theme, but couldn't see any difference?

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0


Just so you know, the default coppermine theme is a bit of a disaster in IE as well.

Have ours looking not too bad now, after adding many text align lefts, a few spans, and a completely missing table in css.

table_compactb just wasnt there.

Server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS):
2.6.18-164.11.1.el5xen/2.2.13/5.0.89-community-log/5.2.11/9.3.3.0

All times are UTC


Jump to: