CSS should not use fixed width for elements with localizable text

I see lots of cosmetic bugs. By checking I found that most of the elements are of fixed width. It is a bad practice actually. Let say about button Ask you question if I use my locale translation it cut-off. It is because of css fixed width. same for fixed height also.

Need to maintain it by css padding and margin.

As per Evegeny's comment, I'm attaching a screenshot. But actually lots of problem in other pages also. This make such a great app ugly :( image description

See highlighted area with red rectangle.

It's fixed width to make the button look as wide as the column below - for the same cosmetic reasons.

You can create a fix for your language using the "lang-..." class on the body, which is added automatically.

13.2k

Evgeny

answered 2012-08-05 11:55:09 -0500

edit flag offensive 0 remove flag delete link

Comments

It is fine that top ask you questions are fixed width. But I have seen lots of other elements arround with fixed width.

Does askbot provide any setting to set lang property in html body?

Thanks again!

Zahid (2012-08-05 12:07:10 -0500) edit

The language code is automatically set as class name on the "body" tag - take a look in the html source. I agree that most elements should not have fixed width - let me know which you find problematic.

Evgeny (2012-08-05 12:21:33 -0500) edit

I have attached a screenshot with a cosmetic-error.

Zahid (2012-08-05 23:54:52 -0500) edit

add a comment see more comments

CSS should not use fixed width for elements with localizable text edit

Comments

1 Answer

Comments

CSS should not use fixed width for elements with localizable text