tea.mathoverflow.net - Discussion Feed (rendering problem with moderator list in faq)

Andrew Stacey comments on "rendering problem with moderator list in faq" (6407)

Andrew Stacey — Thu, 24 Jun 2010 14:26:05 -0700

I presume that by "don't have to use iframes" you actually mean that you don't have to mess with the iframes, since if you're not actually using them then there's no need for all the palaver, you can just modify the CSS in the usual way (why are you using iframes, by the way?). To avoid holding up the page load, you can delay the javascript execution until after it's loaded (onLoad, I think).

Anton Geraschenko comments on "rendering problem with moderator list in faq" (6402)

Anton Geraschenko — Thu, 24 Jun 2010 13:20:24 -0700

For now, I've switched to the javascript version so that I don't have to use iframes and modified the flair width to be 220px instead of 200px. It's pretty lame to have javascript writing stuff in the middle of the page, delaying the loading of the rest of the page, but I guess it's not so bad since it's near the bottom of the FAQ.

Andrew Stacey comments on "rendering problem with moderator list in faq" (6395)

Andrew Stacey — Thu, 24 Jun 2010 11:34:34 -0700

What and how much do you have control over? The contents of the iframes (yuk) have their own style sheets which are controlling those boxes. The stylesheet is:

http://mathoverflow.net/content/flair-Default.StackOverflow.css

Since the contents of an iframe is a separate XML document, that CSS file overrides any previous page-specific CSS. To override that one again you have to include more CSS into the contents, can you do that?

I may be wrong on exactly how CSS and iframes interact. As frames aren't valid XHTML, I don't use them so I'm not totally sure. However this question backs me up and also tells you how to do it with javascript if you can't do anything properly.

I used firebug to look at the page in question since firebug tells me what CSS rules are being used to render a particular element and where those rules come from.

Anton Geraschenko comments on "rendering problem with moderator list in faq" (6380)

Anton Geraschenko — Thu, 24 Jun 2010 08:11:15 -0700

It's a cruddy solution to get my (too long) name to appear. Since it looks like François's name is also too long sometimes, I'll make both boxes taller. What I'd really like to be able to do is reduce the font size of "a.user-link", but I can't seem to get css changes to look inside of the iframes. Does anybody know how to do that?

Scott Morrison comments on "rendering problem with moderator list in faq" (6377)

Scott Morrison — Thu, 24 Jun 2010 08:02:04 -0700

I see the same problem on the latest Chrome on OS X. Only Anton has access to the FAQ sources.

Carl Mummert comments on "rendering problem with moderator list in faq" (6375)

Carl Mummert — Thu, 24 Jun 2010 07:53:54 -0700

I am having problems reading the list of moderators in the faq, in both Google Chrome and Firefox. Here's an image showing screenshots of what I see: http://users.marshall.edu/~mummertc/mobug2.png

This is on the most recent version of Ubuntu Linux (10.04) using what I believe are the current versions of the browsers.