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 12 years ago

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 (12 years ago)

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 (12 years ago)

I have attached a screenshot with a cosmetic-error.

Zahid (12 years ago)

see more comments

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

Comments

1 Answer

Comments

CSS should not use fixed width for elements with localizable text