[SOLVED] How to keep my blog from auto-adjusting to the width of the browser window

harpek · #1 Aug 20, 2012, 05:58 PM

I can't really explain it any other way... Right now, when I adjust the width of my web browser window, my blog layout expands or contracts along with it. I would like for the blog to not self-adjust and to just stay a constant 1200px wide that always stays anchored in the exact same spot. I feel like I looked at every single option but I am certainly not seeing where to fix this. Help?

Also, my blog site is here:
http://kemeya.com/blog/

Thanks!!

juggledad · #2 Aug 20, 2012, 06:23 PM

What are your layout options?

harpek · #3 Aug 20, 2012, 07:10 PM

Layout WIDTH and type (FLUID or FIXED): 1200px
Layout MIN and MAX width: 1200

Layout Container Style:

HTML Code:

padding: 0;

Layout Container Padding Left/Right: 0

IE Document Type: None

juggledad · #4 Aug 20, 2012, 07:34 PM

It stays the same width for me in FireFox and Safari on the MAC. Are you saying you want it to remain in the same spot no matter how width you make the window?

harpek · #5 Aug 20, 2012, 10:03 PM

I hadn't thought to check cross-browser, but after doing so I see that the issue is the same across the board. I am also on a MAC.

Yes, I want the width I set in the ATO-Layout section to be absolute and not readjust as the window gets wider (or more narrow). It's behaving like I have a % instead of a pixel amount listed, but I can't find a culprit anywhere :-( If you want to see an example of what I want, check out my (soon-to-be portfolio) site at: http://kemeya.com/design (I am using the exact same theme, so you can see how I'm totally stumped)

Notice that even if you make the window enormously wide, or incredibly narrow, my layout doesn't shift...

lmilesw · #6 Aug 20, 2012, 10:10 PM

You could put absolute positioning on the wrapper but then when someone looks at the site with a wide monitor there will be a lot of space on the right.

harpek · #7 Aug 20, 2012, 10:17 PM

That's fine by me. How do I do that?

juggledad · #8 Aug 21, 2012, 05:10 AM

use a css insert like

HTML Code:

#wrapper {position: absolute; left: 50px;}

if you don't mind my asking - Why do you want to do that? People are use to things centered and it very well may turn people off to your site, they are going to assume something is wrong.

harpek · #9 Aug 21, 2012, 10:36 PM

I don't mind... I suppose I was being stubborn. I did get to preview my blog on a larger monitor and had to eat some crow over it. It does look better now, and I made both sites identical in that respect. Thaaaaanks :-)