WordPress.org

1. SwitchbackFair
   Member
   Posted 5 years ago #

   Hi everyone,
   I run a website called Switchback Fair which specialises in light-hearted satire, parody, and silly games. I recently added a fictional weblog to the mix which goes 'behind the scenes' at the fair (think The Muppet Show but without the muppets. Or the high quality writing.). Its address is:
   http://www.switchbackfair.co.uk/blog/
   This is my first attempt to create a blog with WordPress and I would be really grateful for any comments you have.
   One particular problem I ran into was in laying out the two columns. I wanted to give the blog the same styling as the rest of the site, which meant placing the whole content into an outer box (this should be obvious if you look at it). Unfortunately this appears to prevent me from either laying out the columns by absolute positioning (because it won't be contained in the box) or floating (because I can't guarantee that one column will be longer than the other). So I resorted to a single structural table - the horror! The horror! Any suggestions for how to do it with pure CSS would be greatly appreciated.
   If nothing else, I hope you find the site amusing. :)
   Tom

2. Anonymous
   Unregistered
   Posted 5 years ago #

   Nice site, I like the IQ test! I don't think i'd make a very good hired goon though. About the layout, I don't see why floats won't work, take a look at alistapart.com (web design site), tehy have the same layout as yours and use floats.
   mrt

3. moshu
   Member
   Posted 5 years ago #

   While the main page is OK both in FF1 and IE 5.5, the blog index in IE 5.5 is too wide, forcing horizontal scrolling to be able to see the menu.
   I'd suggest to try out these 2 column templates
   http://www.atthe404.com/fujiyama/
   http://www.atthe404.com/wordpress/
   from http://atthe404.com/blog/

4. SwitchbackFair
   Member
   Posted 5 years ago #

   Thanks very much for the comments. Both alistapart and atthe404 seem to use the same principle - floating - to get a layout similar to mine. I've got two problems with their approach though:
   1. A bit philosophical: CSS floating is not supposed to be used to make columns. I don't see why this is any better than using tables. Actually, since floating is much less flexible and more prone to falling apart, it seems a lot worse.
   2. More pragmatic: both of the sites mentioned have a fixed width layout. This is a major flaw in my opinion. If you try to use floats to create a liquid layout, it won't work (as far as I can tell). With tables it's easy.
   I'd be very happy to be proved wrong on both these points though!
   Thanks also for letting me know about the IE5 problem. Unfortunately I don't have access to it for testing, but I'm sure a couple of tweaks would fix it.
   Tom

Topic Closed

This topic has been closed to new replies.