On Tue, 24 Apr 2012 15:52:33 +0100, Ellen Herzfeld <[email protected]> wrote:
Yes, I'm sorry but another error creeped in somewhere and really messed
everything up. I must have been tired when I did this, but it's now
fixed. However this doesn't change my problem with IE7/8. Could you look
again, please?
The page <http://qd.xlii.org/2012/content_modules.html> should now show
styling everywhere (headers and dls centered, image to the right), but
in IE 7/8 the spacing between paragraphs is gone and fonts are not
correct. In IE7 the headers are bold and sans-serif but too small. In
IE8 the headers are not bold, too small and set in a serif font instead
of sans-serif. The line-height and top and bottom margins are gone in
both. In all other browsers including IE9 there is no problem.
On the other page <http://qd.xlii.org/2012/content_modules-ie8.html>, I
removed the media queries and respond.js. This way in all browsers (even
IE 7/8), what I see is the page styled correctly for wide viewports.
Fonts and spacing are good in IE 7 and 8. So the problem has nothing to
do with the css itself.
With respond.js, the styles in the media queries are obviously seen by
IE, but I can't figure out why, in this specific page, there is a
problem with typography and spacing. And it really is a very simple page.
I'm thinking of just serving a specific desktop stylesheet to IE with a
conditional comment if I can't find where the problem is.
Or maybe, if this problem is confirmed by others (on this list for
example), I'll file a bug for respond.js.
Thanks for your help.
Ellen
This could potentially drift off-topic for CSS-D as it is more based on
JavaScript being used to apply styling, and without specific CSS queries
one of the other lists may have more help to offer.
First, IE7 is responding better, as are other browsers.
Your code from Paul Irish is modified from his published work. Check that
those mods are reflected in all areas.
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
selectivizr requires a JS framework, it would seem prudent to load the
framework first (jquery)
Google say html5.js can be loaded before or after CSS, but they also note
the potential for reduced performance.
I still don't understand this part:
<!--[if gte IE 6]><!-->
<link rel="stylesheet" media="all" href="/2012/reset.css" />
<link rel="stylesheet" media="all" href="/2012/base.css" />
<link rel="stylesheet" media="all"
href="/2012/content_modules.css" />
<!--<![endif]-->
that seems to conditionally serve the stylesheets to IE6+, yet it also
serves them to all browsers.
Is it really required, or is it simply an extra point of failure.
As I see it, the scripts are intended to work from a standard valid
stylesheet by searching for elements that require modification to enable
IE, therefore the conditional is superfluous.
I always figure that having only things that have a specific purpose
leaves less room for error.
Maybe I'm missing something about conditional comments and JavaScript,
neither of them are my forté.
Best wishes
Duncan
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
