Problems with layout in small width screens

askbot
layout
css
retag add tags

Hello.

Seems to be, there is a layout error when Askbot loaded in browser window with small width: So thats a normal layout
Normal layout in r >~960 px - View in full scale

And thats a problem
Layout glitch in r <~960 px - View in full scale

Worst of all, that layout don't fix when we go to bigger screen/windows size. Checked on Chrome 9, Chrome 19, Chromium 17, Firefox 14

Is there a way to fix that?

Olloff

asked 2012-04-01 13:51:54 -0600

edit flag offensive 0 remove flag close merge delete

Comments

I can't reproduce this. When I resize my browser (on this site, Askbot 0.7.39) at the top I see the "Home" tab tight up against the left, which is a bit less than ideal aesthetically speaking but not as bad as what you see. I'm using Firefox 11 and Chromium 18.

powlo (2012-04-04 10:25:51 -0600) edit

Can it be platform-specific bug? I reproduced it again in Opera 11.62, Chromium 18 and Firefox 14 under Ubuntu 12.04 b2

Olloff (2012-04-04 11:17:50 -0600) edit

Strange, because I'm using Ubuntu 11.10 (64bit). Are you reproducing the bug on this site or on the latest version from git?

powlo (2012-04-04 13:37:55 -0600) edit

On both versions.

Olloff (2012-04-04 13:53:32 -0600) edit

add a comment see more comments

Comments

I really appreciate your help, but can you be little more specific? I already set up #bg { min-width: 1072px; }, but for me fixed width can't be a constant solution.

Olloff (2012-04-03 23:04:21 -0600) edit

The file to change is actually style.less not style.css the less file is the original source. However the real solution is to create a responsive design. Current design is made for fixed width.

Evgeny (2012-04-05 14:21:15 -0600) edit

Thanks, Evgeny, you confirmed my worries...

Olloff (2012-04-05 15:17:20 -0600) edit

Problems with layout in small width screens edit

Comments

1 Answer

Comments

Problems with layout in small width screens