Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Intermittently the site CSS is not rendering properly. It is not like when the CSS is missing completely, but the page looks visibly scrambled - blocks cut in half and content pushed to bottom etc. This happens intermittently and is gone when you refresh the page.
I have not customized any CSS files beyond changing a font size or adding a border.
Has anyone else experienced this behavior?
Comment | File | Size | Author |
---|---|---|---|
#3 | icrcmess.PNG | 46.73 KB | freescholar |
Comments
Comment #1
sreynen CreditAttribution: sreynen commentedCan you post a screenshot of what it looks like when it's scrambled?
Comment #2
cedeweyI'm closing this issue, but if anyone can provide more information on the problem feel free to re-open it.
Comment #3
freescholar CreditAttribution: freescholar commentedHere is a screenshot. This can happen on any page, but seems to happen most when going to the site from an Admin page.
this happens in FF and Chrome - cannot get it to happen in Safari -
Could it be a browser caching issue?
Comment #4
freescholar CreditAttribution: freescholar commentedFurther exploration as shown that the FF and Chrome browsers are not pulling up the CSS if it is the cache...
Refining the steps to reproduce and will post again. Also submitting a bug report to mozilla etc.
Here is one of the very few references I have found for this issue:
http://support.mozilla.org/en-US/questions/961638
Comment #5
sreynen CreditAttribution: sreynen commentedSo is this specific to OpenAid or a more general browser issue? If it's not specific to OpenAid, we probably can't do a fix specifically in OpenAid.
Comment #6
sreynen CreditAttribution: sreynen commentedMarking this as closed, lacking enough detail to help.
Comment #7
freescholar CreditAttribution: freescholar commentedNo specific steps to reproduce. The error definitely seems to be cache related and random. The solution for us was to aggregate the CSS files. Adding the Boost module also seemed to help and it gives us the flexibility to set cache on items.