First time here? Check out the FAQ!
Ask Your Question
1

Problems with layout in small width screens
 
   
  
 
 
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?
 
 
To enter a block of code:
 
     
  • enter empty line after your previous text
    •  
  • paste or type the code
    •  
  • select the code and press the  button above
    •  
 
Preview: (hide)
  
 
 
 
 
 
 Olloff's avatar

      97
    
 
 
 
 Olloff 
 
 
    asked 13 years ago 
 
 
 
 
        
 
 
 
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's avatar powlo (13 years ago)   
 
 
  
 
 
  
 
 
 
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's avatar Olloff (13 years ago)   
 
 
  
 
 
  
 
 
 
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's avatar powlo (13 years ago)   
 
 
  
 
 
  
 
 
 
On both versions.
 
 
 Olloff's avatar Olloff (13 years ago)   
 
 
  
 
  see more comments  
 
 
 
 
 
 1 Answer
  
  
  
 
 
 
 
0
 
 
  
 
 
 
 
 
 
You can modify file style.css . good luck.
 
 
To enter a block of code:
 
     
  • enter empty line after your previous text
    •  
  • paste or type the code
    •  
  • select the code and press the  button above
    •  
 
Preview: (hide)
  
 
 
 
 
 
 ticktack's avatar

      1
    
 
 
 
 ticktack 
 
 
    answered 13 years ago 
 
 
 
 
     link   
 
 
 
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's avatar Olloff (13 years ago)   
 
 
  
 
 
1
  
 
 
 
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's avatar Evgeny (13 years ago)   
 
 
  
 
 
  
 
 
 
Thanks, Evgeny, you confirmed my worries...
 
 
 Olloff's avatar Olloff (13 years ago)   
 
 
  
 
  see more comments