Comment-width.

[tyger]

I've been trying to fix my comment-width - one of the major problems I find with the custom comment pages is the comments squidge up really really quickly - but even setting width with ems doesn't help if you're on a browser with a different window size.

So, mainly: is there a way where I can set comment width = post width?

I'd prefer to keep it that simple - having auto-resizing layouts is also good - but if it's impossible that's good to know, too.

Comments

[ex_awakened208]

I looked at your css. Maybe try removing .comment-wrapper {width: 29.5em}. Or was it there for a specific reason?

[tyger]

No, that keeps it at full-width for my browser, just, you know. Not for anyone else's. And without that comments shrink to so narrow they're impossible to read after... I don't know, maybe ten comments in a thread.

[ex_awakened208]

Oh okay, I see. I didn't even think to see if that worked in other browsers. What browser do you use? I could try some testing.

[tyger]

Safari! It's not so much what browser as what width your brower's at - mine's much smaller than my screen, because I like to be able to see multiple things at once. But I though it'd be nice if I could get the comments to resize with the browser, like the rest of the page does, but specifying the width in ems doesn't let you.

[ex_awakened208]

I get what you're saying now, but I don't know if this is possible without removing the way replies always shift to the right of the parent comment.

[tyger]

...huh. Okay! Good to know! :D

[cesy]

Have you tried setting the width to a percentage?

[tyger]

That just makes it go back to the default. =/

[branchandroot]

By "squidge up" I am assuming you mean "get narrower as they go further down a thread". There is a way to do that, if you're okay with side-scrolling, because if the comments stay wider they will start to run off the right side of the page. You can set a minimum width, which is something the box can be wider than but not narrower than.

If you're okay with the side-scrolling, you can say .comment { min-width: 20em;} or, if you want it proportional to the window size you can set it in percentages. 30% might do it. Then you'd have to add .comment-wrapper { position: relative; } so the comment is thirty percent of that and not of the whole column or screen. All modern browsers should know what to do with that.

[tyger]

...that is FANTASTIC and exactly what I was looking for! Thank you! :D

[tyger]

*tries it* Just so you know: the percentages don't work, but the min-width works well enough that really doesn't matter! :D

[tyger]

Also it's better in .comment-wrapper, not .comment; the icons go out of alignment if it's just .comment.