Aligning template to the left of the screen

Random stuff about serendipity. Discussion, Questions, Paraphernalia.
Post Reply
kingofsicily
Regular
Posts: 30
Joined: Thu Jul 29, 2010 4:12 pm
Location: Arnhem, Netherlands

Aligning template to the left of the screen

Post by kingofsicily »

Hi there!

All the templates are placed in the centre of the computerscreen. Is it possible to have the blogtemplate align to the left side of the screen?

Cheers!

Rogier.
Timbalu
Regular
Posts: 4598
Joined: Sun May 02, 2004 3:04 pm

Re: Aligning template to the left of the screen

Post by Timbalu »

Yes!

If you want to learn how, install Firefox with Firebug plugin and try out different settings of your templates css files in live view. :wink:

Ian
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Aligning template to the left of the screen

Post by garvinhicking »

Hi!

Center-aligned styles are the de facto standard of current webdesign...are you really sure you want it leftaligned? I don't know a single template where this wouldn't look like crap :)

regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Aligning template to the left of the screen

Post by yellowled »

garvinhicking wrote:Center-aligned styles are the de facto standard of current webdesign...are you really sure you want it leftaligned? I don't know a single template where this wouldn't look like crap :)
Actually, there are some site who do this (although not many blogs) to have ads at the right of the container. (But I agree it looks crappy.)

However, a centered blog usually means a centered container, usually a div. This might be called #wrapper, .container or something similar. It usually has CSS like this:

Code: Select all

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: XY;
}
or

Code: Select all

#page {
    margin: 0 auto;
    width: XY;
}
To "uncenter" it, change the left/right margins from auto to, well, whatever you like, but not auto. :)

YL
kingofsicily
Regular
Posts: 30
Joined: Thu Jul 29, 2010 4:12 pm
Location: Arnhem, Netherlands

Re: Aligning template to the left of the screen

Post by kingofsicily »

Many thanks for the info. It is just something I was thinking about whether it was possible in the first place and whether it would look good or not. I may use it. Or not. Who knows ;).

Thanks again, and until next time!

Rogier.
Post Reply