I have uploaded Zen into the template directory and when i load up my site with zen it does not display anything just all the words. Is it supposed to work this way or there is something I have done wrong?

CommentFileSizeAuthor
#6 zen.png132.5 KBtlloyduk
#6 zen2.png75.16 KBtlloyduk

Comments

vm’s picture

do you have page cache enabled ? if so have you cleared the cache table in the database ?

cerventus’s picture

I checked my cached is STILL not activated yet.

bryansd’s picture

Exactly which directory are you uploading the "zen" directory?

cerventus’s picture

in theme.

johnalbin’s picture

Title: Zen doesnt display anything » Zen doesn't display any CSS styling
Component: Miscellaneous » Code
Status: Active » Closed (fixed)

Closing the issue. If you are still experiencing this issue, please re-open it.

tlloyduk’s picture

Version: 5.x-0.6 » 6.x-1.1
Component: Code » layout.css
Status: Closed (fixed) » Active
StatusFileSize
new75.16 KB
new132.5 KB

I have the same problem. I have downloaded the tar.gz and extracted zen/zen directory into /sites/all/themes. I have then gone to /admin/build/themes/ and enabled Zen and set it to default. The theme updates but no styling is displayed. If I view source I can click on the CSS links in the source and it loads the content okay.

I have attached a screenshot of what it looks like plus my directory structure

I also tried renaming zen/zen to Zen/Zen and rebuilding but it had no effect.

I have also tried with the CSS Optimization turned on

Thanks

innerfile.com’s picture

Title: Zen doesn't display any CSS styling » Zen doesn't display any CSS styling __on IE only__

I have a site that is styled just fine, but doesn't work at all in IE. The styles don't show up at all, which I have never seen before. Works fine on any other browser though.

http://carbuyersbeware.com/

Any thoughts?

innerfile.com’s picture

Component: layout.css » IE Problems
innerfile.com’s picture

Title: Zen doesn't display any CSS styling __on IE only__ » Zen doesn't display any CSS styling

I resolved my issue by rebuilding the theme as a sub-theme of Chameleon. If anyone wants to see what I was dealing with, I still have the Zen sub-theme installed so just shoot me a line.

I guess tlloyduk's issue is still open, so I will leave the ticket open.

webservant316’s picture

I am seeing something similar.
My theme works great in Firefox and the styles are missing in IE.
And curiously if I turn performance cacheing on it works in IE and it I turn if off again styles are again missing from IE.

Wierd. Any ideas?

Kecia’s picture

Version: 6.x-1.1 » 6.x-2.0
Component: IE Problems » CSS/HTML Markup

I'm having the same problem in both IE and Firefox. I downloaded the latest release of Zen - 6.x-2.0 - followed the instructions, etc.

No matter what I do I can't get the style sheet to show up. I downloaded theme Gulmohar, since that is based off of Zen and it works fine.

webservant316’s picture

this problem eventually went away for me, not sure what I did to cause it to be fixed, except that I moved from a shared host to a VPS and in the transition the problem went away. Obviously it has nothing to do with shared or VPS, but likely something to do with cacheing, whether Drupal cacheing or browser cacheing.

dagomar’s picture

I'm having the same issue with 6.x.2. No css-styling in IE(7).

keesee’s picture

styling issues are common in IE and with Drupal. IE supports a max number of style sheets and you'll often exceed that number... partiicularly if you have lots of mods installed.

Go to settings > performance and enable the CSS mimification feature. It should also improve page load. the catch is that you have to either disable or clear cache to see changes to the CSS....

I always turn it off when developing.

Hope this helps.

hedley’s picture

Zen on it's own will not display much at all - you must follow the installation instructions and create a subtheme of zen using the STARTERKIT folder (that's where all the CSS files are stored). I recommend Zenophile module to make this easier: http://drupal.org/project/zenophile

If you are still having trouble, try flushing all your caches, checking over the installation instructions and checking your directory file permissions.

Zen 6.x-2.0 uses a lot of stylesheets (nearly 20) add to this all the module / core stylesheets and you have up to 40 sometimes - and IE only supports 31. As CorpX said you can turn CSS caching on in the 'performance' section which will solve the problem, if you're trying to debug CSS in IE I'd recommend this module: http://drupal.org/project/ie_css_optimizer which allows the option to only cache core / module stylesheets.

Zen uses a conditional stylesheet decloration in the .info file for the IE CSS files which come with Zen, you have to install Conditional Stylsheets module (http://drupal.org/project/conditional_styles) for these to work through the .info file, or you can add something this to your section:


<!--[if IE]>
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/YOURTHEME/css/ie.css" />
<![endif]-->
<!--[if lte IE 6]>
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/YOURTHEME/css/ie6.css" />
<![endif]-->

Enabling these usually solves most problems with IE.

gstool’s picture

I have created a sub-theme, and the pages show fine. However, there is no styling. When I look at the source for the page, every .css file is called as a .css?9.

Is this supposed to work; if not, any idea how it gets presented this way and how can it be fixed?

Here are a few lines from the source.

  <link type="text/css" rel="stylesheet" media="all" href="/drupal/sites/all/modules/admin_menu/admin_menu.css?9" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/node/node.css?9" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/system/admin.css?9" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/system/defaults.css?9" />
<link type="text/css" rel="stylesheet" media="all" href="/drupal/modules/system/system.css?9" />

Thanks.

Gerry Tool

Since posting this, I discovered it must be OK since other themes show the same .css?9 in the source code and work fine.

barraponto’s picture

Status: Active » Closed (works as designed)

@gstool it works fine. the ?9 changes every time the file changes, in order to tell the browser not to use its cached version of the file. it is a drupal 6 feature, not zen's.