4 replies [Last post]
sarhansg
sarhansg's picture
Offline
newbie
Singapore, Asia
Last seen: 3 years 37 weeks ago
Singapore, Asia
Timezone: GMT+8
Joined: 2011-03-06
Posts: 3
Points: 4

Hi,

I'm a new member and I hope I'm not breaking any rules by posting here. Mods please go easy on me. I've looked through the "how to" section and wasn't able to find something that could resolve my problem.

I've setup a site at http://talents.naa.edu.sg . It renders fine across Mozilla Firefox, Google Chrome and even IE8. Unfortunately, it goes horribly wrong in IE7.

I believe the problem could be due to multiple floats being used on divs. I've tried different solutions but to no avail.

Would anybody have any solutions? Thanks in advance.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Why I never warmed to Drupal

<link type="text/css" rel="stylesheet" media="all" href="/modules/cck/theme/content-module.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/filefield/filefield.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/nice_menus/nice_menus.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/nice_menus/nice_menus_default.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/cck/modules/fieldgroup/fieldgroup.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/views/css/views.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/views_cycle/views_cycle.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/views_cycle/views_cycle_default.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/html-reset.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/wireframes.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/layout-fixed.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/page-backgrounds.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/tabs.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/messages.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/pages.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/block-editing.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/blocks.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/navigation.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/panels-styles.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/views-styles.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/nodes.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/comments.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/forms.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/css/fields.css?Z" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zentalentsnaafinal/custom-talentsnaa.css?Z" />
<link type="text/css" rel="stylesheet" media="print" href="/sites/all/themes/zentalentsnaafinal/css/print.css?Z" />

That is 40 stylesheets! How is anyone possibly supposed to troubleshoot or maintain a site built like that? Stare

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 12 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5148
Points: 2746

Hi sarhansg, Tyssen has

Hi sarhansg,
Tyssen has probably hit on something here.
Some versions of IE can't handle having more then 30 linked stylesheets.
Luckily Drupal has built in aggregation of stylesheets, you just need to turn it on. Look under performance in the admin section.

sarhansg
sarhansg's picture
Offline
newbie
Singapore, Asia
Last seen: 3 years 37 weeks ago
Singapore, Asia
Timezone: GMT+8
Joined: 2011-03-06
Posts: 3
Points: 4

Hi Tyssen, Thanks for your

Hi Tyssen,

Thanks for your input. I'm not gutsy enough to meddle with the css files provided by themes and modules running in my Drupal installation. I've setup my subtheme and change the css in the file there [File: custom-talentsnaa.css].

sarhansg
sarhansg's picture
Offline
newbie
Singapore, Asia
Last seen: 3 years 37 weeks ago
Singapore, Asia
Timezone: GMT+8
Joined: 2011-03-06
Posts: 3
Points: 4

Hi Tony, Thanks for your

Hi Tony,

Thanks for your input as well. Again this is something I'm not comfortable with. I've posted my query on other forums and some suggest it's a float issue. I've tried clear float technique but it doesnt seem to work either.