lukeprog comments on New 'landing page' website: Friendly-AI.com - Less Wrong

11 Post author: lukeprog 12 December 2011 09:45AM

You are viewing a comment permalink. View the original post to see all comments and the full post content.

Comments (40)

You are viewing a single comment's thread. Show more comments above.

Comment author: lukeprog 12 December 2011 09:55:18PM 0 points [-]

Which version of Opera? The latest version on Mac has no trouble with the site.

Comment author: [deleted] 12 December 2011 10:50:54PM *  5 points [-]

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:

#link_boxes {
margin: 30px -40px -15px -40px;
padding: 0 40px;
height: 180px;
background: #f6f6f6;
}

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:

#link_boxes a.box, #link_boxes a.box:link {
width: 160px;
height: 150px;
float: left;
display: block;
background: #f6f6f6;
border: none;
text-align: center;
padding: 15px 11px;
}

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.

Comment author: lukeprog 16 December 2011 12:56:59AM 0 points [-]

Which em measurements look good on your browser?

Comment author: [deleted] 16 December 2011 01:03:43AM *  0 points [-]

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.

Comment author: lukeprog 16 December 2011 01:31:22PM 0 points [-]

Okay, I modified my .css file; how does it look now?

Comment author: [deleted] 17 December 2011 12:47:40AM 1 point [-]

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.

Comment author: Lightwave 17 December 2011 08:01:36AM *  0 points [-]

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?

Comment author: [deleted] 17 December 2011 08:05:40PM *  0 points [-]
Comment author: dlthomas 16 December 2011 01:06:33AM 0 points [-]

Can't you just override the existing CSS by dropping <style> tags after they're included?

Comment author: [deleted] 16 December 2011 02:10:33AM 0 points [-]

yeah. that requires an iota more work, tho.

Comment author: anonym 13 December 2011 04:54:24PM 0 points [-]

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.

Comment author: Lightwave 17 December 2011 08:04:52AM 0 points [-]

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?

Comment author: anonym 17 December 2011 08:12:28PM -1 points [-]

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.