Log in

No account? Create an account

Previous Entry | Next Entry

Relative width for layout

  • Mar. 31st, 2010 at 9:35 PM
Hello, I use the Modern Holiday Red of Expressive Winter, and the only thing I am not happy about is the post width.
I managed to make the layout wider, but I would love to have the width of the layout and entries area to be relative rather than absolute, as I have now.
This would make my journal/friends page wide only if there are wide pictures posted.

I added the following into the custom CSS box to have it wider:

#header-inner, #container-inner { width: 1130px; }
#alpha { width:930px; }
.layout-tw #alpha-inner { width:900px; }

Is it possible to have Expressive Winter with relative widths at all, or I should get used to having a horizontal scrollbar?

Thank you.

PS Permanent account, IE 8, customizing my own journal.


( 3 comments — Leave a comment )
Apr. 5th, 2010 01:33 pm (UTC)
Sorry it's taken me so long to get you a response... "liquid layouts" like you describe are actually kind of difficult to do properly, especially on Internet Explorer and with themes like Expressive that used fixed-width images as backgrounds. One thing you can try is changing your pixel size widths to percentages. There might be a way to work a "min-width" rule in there, but I haven't had much luck so far. =(
Apr. 5th, 2010 02:38 pm (UTC)
Thank yoy for your response.
I ended up getting the minimum width I could make.
Is there any place to get the references for different parts of the layout (like header-inner, alpha, etc)? I would like to make white space around my menu smaller, but can't find a name.
I'll try using percentage as soon as I get around a computer with wider screen. Thank you for a hint!
Apr. 16th, 2010 02:18 am (UTC)
There's a link to a picture showing the different divs and their layout, in the sidebar under "community links".
( 3 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars