Log in

No account? Create an account

Previous Entry | Next Entry

Page Width Help

  • Sep. 13th, 2006 at 9:41 PM
Hello s2 Gurus. I need some help since I'm pretty new to s2.

I'm using Firefox, but IE still does this to an extent. I've got a wide screen laptop and when I view any of my journal pages or friends pages, there's a huge space on either side. I'd like to up the width on the whole page so that it takes up more of the screen, but I don't want to make it fixed to a specific pixel width. For example, if I were to make the window smaller, the page would still fit despite the resizing. I hope I'm explaining that clearly enough. If not, here's a picture of what I'm seeing. (The far right column is my IM program, not part of LJ.)

Anyway, I've looked through previous posts and I tried adding:
#alpha, #alpha-inner { width: 860px; }; as well as
#content, content { width: 860px; };

I've changed the width value to all sorts of crazy things, as well as trying 100%, but nothing alters the width. Any ideas? Thanks!



( 7 comments — Leave a comment )
Sep. 14th, 2006 06:13 am (UTC)
In the custom CSS, try something like:

#page { width: 80%; }
#page-inner { width: 80%; }
#content { width: 80%; }
#content-inner { width: 80%; }

You may also need to specify something similar for #alpha, #alpha-inner, #beta and #beta-inner - see what they do when you specificy the page and content values above.
Sep. 14th, 2006 12:06 pm (UTC)
Getting there...but not quite. Here's the code I'm using, which is as close as I can get it to looking normal, but the individual entries won't take up the whole page and there's a little wonkiness with the top and right sides of the page.

#container { width: 98%; }
#container-inner { width: 98%; }
#content { width: 100%; }
#content-inner { width: 100%; }
#page { width: 98%; }
#page-inner { width: 98%; }
#alpha { width: 89%; }
#alpha-inner { width: 89%; }

Sep. 14th, 2006 06:34 pm (UTC)
Try also adjusting the width of:


to make the actual entries wider. The white bar at the side may have something to do with the width of one element being bigger than the one on top, maybe one of the container of page ones. I'm afraid this is mostly trial and error for me. It would also be useful to see the version you've posted a screen-cap of to see which bits need altering.
Sep. 14th, 2006 04:25 pm (UTC)
I actually have a working solution to this that should work right for almost everybody and only requires some custom CSS, but it's a bit more complicated than it sounds at first glance so it really needs a full "how to" document to explain it.

I promise I'll be posting a howto here in just a couple of days which should tell everybody exactly how to do this.. work's just taken up a lot of my time over the past couple of days so I haven't had a chance to write it up yet.
Sep. 14th, 2006 04:34 pm (UTC)
Great! I'll be looking forward to it!
Nov. 8th, 2006 04:21 pm (UTC)
I know it's been a while, but I still need help with the width problem on Expressive. You said you had a working solution...? Help, please!
Jan. 13th, 2007 09:55 pm (UTC)
I took the liberty of copying your liquid layout code from your LJ into mine (with credit in the comments), and it looks great in Firefox and IE. I wasn't able to find a post on this comm with a how-to, but the code itself works beautifully on my LJ. Thank you!
( 7 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars