on linux, latest version as of a few days ago. May be my fonts?
That sort of thing happens when the element that is colored isn’t constrained to the text element. Somewhere in there is an assumption about font size or dpi or something which is bound to be broken by some clients.
the height: 180px is the problem assumption. I think If you just removed it, it should work in all cases. If I figure out how to make opera hack css teh way it can hack the html, I’ll test it.
EDIT2: that doesn’t fix it, also have to change this part:
pixel measurements all over the place. I hate web designers.
EDIT3: for a quick hack that should make it a bit more flexible, replace px measurements with something approximately the same in em measurements. I think em is properly tied to dpi and font size.
EDIT4: FAQ page is broken too. The ‘Questions’ part of the ‘frequently asked questions’ header word-wraps onto the table of contents. interestingly, it doesn’t when I give the browser less room. The font size increments when I give it enough room to draw those damn margins, but again, the assumptions of DPI and font size don’t let it fit properly. In this case the whole fixed content width idea should be thrown out. Let it fill the window. The whole point of HTML is that it reflows with different browser windows. At least there’s no horizontal scroll.
I’ll stop trying to break the site now. Sorry about all the hate.
I also see the FAQ page as broken with ‘Questions’ in the header appearing overlayed on the #2 and #3 items in the ‘contents’ list. With Firefox 8 on Linux at default zoom, and zooming down to make the fonts smaller than normal does fix it.
I agree with nyan_sandwich that things would be much improved if the CSS used ems instead of pixels, which are guaranteed to break if users have non-standard fonts or font sizes or their browser happens to have different enough default CSS rules.
How is it for you now? If you have any problems, can you please make a screenshot (and upload to http://imgur.com or somewhere else) to help us diagnose the problem?
It’s much better now. The only issue remaining is that the ‘Frequently Asked Questions” is just a tiny bit too wide to fit on one line inside the containing box, so the ‘ns’ of ‘Questions’ sticks outside of the gray box it is supposed to be inside.
I don’t know. My CSS hacks are limited. If I had control over the server I could do it easy, but I don’t know how to make opera modify the CSS.
EDIT: if you experiment a bit and get it right on your browsers, it should work as well on mine and everyone else’s. That’s the point of using em instead of px.
“explosion” in “external links about the intelligence explosion” is still off the bottom. the FAQ no longer wordwraps all over the place, but goes off the side of the margin instead.
Which browser? At 100% zoom?
opera, normal zoom.
Which version of Opera? The latest version on Mac has no trouble with the site.
on linux, latest version as of a few days ago. May be my fonts?
That sort of thing happens when the element that is colored isn’t constrained to the text element. Somewhere in there is an assumption about font size or dpi or something which is bound to be broken by some clients.
EDIT: it’s not my fault. Here’s your problem:
the
height: 180pxis the problem assumption. I think If you just removed it, it should work in all cases. If I figure out how to make opera hack css teh way it can hack the html, I’ll test it.EDIT2: that doesn’t fix it, also have to change this part:
pixel measurements all over the place. I hate web designers.
EDIT3: for a quick hack that should make it a bit more flexible, replace
pxmeasurements with something approximately the same inemmeasurements. I thinkemis properly tied to dpi and font size.EDIT4: FAQ page is broken too. The ‘Questions’ part of the ‘frequently asked questions’ header word-wraps onto the table of contents. interestingly, it doesn’t when I give the browser less room. The font size increments when I give it enough room to draw those damn margins, but again, the assumptions of DPI and font size don’t let it fit properly. In this case the whole fixed content width idea should be thrown out. Let it fill the window. The whole point of HTML is that it reflows with different browser windows. At least there’s no horizontal scroll.
I’ll stop trying to break the site now. Sorry about all the hate.
I also see the FAQ page as broken with ‘Questions’ in the header appearing overlayed on the #2 and #3 items in the ‘contents’ list. With Firefox 8 on Linux at default zoom, and zooming down to make the fonts smaller than normal does fix it.
I agree with nyan_sandwich that things would be much improved if the CSS used ems instead of pixels, which are guaranteed to break if users have non-standard fonts or font sizes or their browser happens to have different enough default CSS rules.
How is it for you now? If you have any problems, can you please make a screenshot (and upload to http://imgur.com or somewhere else) to help us diagnose the problem?
It’s much better now. The only issue remaining is that the ‘Frequently Asked Questions” is just a tiny bit too wide to fit on one line inside the containing box, so the ‘ns’ of ‘Questions’ sticks outside of the gray box it is supposed to be inside.
Which em measurements look good on your browser?
I don’t know. My CSS hacks are limited. If I had control over the server I could do it easy, but I don’t know how to make opera modify the CSS.
EDIT: if you experiment a bit and get it right on your browsers, it should work as well on mine and everyone else’s. That’s the point of using em instead of px.
I can test it and let you know if you do that.
Okay, I modified my .css file; how does it look now?
bah, still trouble.
“explosion” in “external links about the intelligence explosion” is still off the bottom. the FAQ no longer wordwraps all over the place, but goes off the side of the margin instead.
I don’t know. Good luck.
Hi, can you make a screenshot of the “explosion” part (you can upload it to http://imgur.com), please, to help us diagnose the problem.
Also, is the “links and media” which you originally pointed out still a problem?
links and media problem
faq problem
good luck
Can’t you just override the existing CSS by dropping
yeah. that requires an iota more work, tho.