5 replies [Last post]
flashlight
Offline
Regular
toronto
Last seen: 17 years 44 weeks ago
toronto
Joined: 2004-10-03
Posts: 32
Points: 0

/// Edited due to fixed (and new) problems ///

Hiya,

This is my first attempt at a full css site. I'm running into a couple of problems.

First things first. The site is at peterflaschner.com

The css is at peterflaschner.com/textpattern/css.php?s=default

The first problem has to do with the positioning of the right column. I can't seem to get it to float next to the main div. I've tried absolute positioning (which works, but is too inflexible), relative positioning (which I don't seem to get - relative position to the parent div, right?), and just floating it left and right. What am I doing wrong?

The second problem has to do with the backround image in the container div. The page structure goes something like this:

<body>
<container>
<all the stuff></all the stuff>
</container>
</body>

Unless I specify a height for the container div, the background image doesn't show. Right now, I'm specifiying a height of 1500px or some such thing, so I end up with loads of empty screen. What am I doing wrong here?

Many thanks in advance!

I really should be working...

www.flashlightdesign.com

Root
Offline
Enthusiast
Brighton UK
Last seen: 15 years 26 weeks ago
Brighton UK
Joined: 2004-09-08
Posts: 76
Points: 0

Absolute positioning not so absolute?

IMHO text pattern can be tricky to get set up. By default it comes in a 3 col layout (of sorts). For a 2 col with header and footer the important thing to remember is that a floated element needs to first after the full width items (header). So you can either float the content left and the menu right or you would need to alter the source order in the template. I would have content followed by menu in the html. And then float both in the CSS as suggested by Zeldman. Alternatively textpattern has a template called Gemini available from cmsstyles. Just my 2c.

No class, little style and a lotta division.

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 2 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Absolute positioning not so absolute?

On a separate issue, may I suggest that you increase your text size. I use a high-res monitor and simply cannot read some of your text. 8pt is way too small IMHO.

Life's a b*tch and then you die!

flashlight
Offline
Regular
toronto
Last seen: 17 years 44 weeks ago
toronto
Joined: 2004-10-03
Posts: 32
Points: 0

Absolute positioning not so absolute?

Thanks Royboy, I'll look at the sizes. I'm thinking about using em's rather an pt's to specify size, so I can keep everything relational and let the user pick the type size. Alternatively, I may do a small, medium, and large style sheet and let the user choose.

The other issues listed above have been resolved, thanks everyone. Now, it's on to creating new problems!

Peter

I really should be working...

www.flashlightdesign.com

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 9 years 2 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Absolute positioning not so absolute?

Using pixels is okay as long as you can offer the user an obvious mechanism to change the font size. To be effective in cases where javascript is disabled, that has to be done using server-side scripting and is therefore relatively complex.

Most people use ems for font sizing, with or without a javascript stylesheet switcher. There are plenty of threads on the subject within this forum.

Life's a b*tch and then you die!

flashlight
Offline
Regular
toronto
Last seen: 17 years 44 weeks ago
toronto
Joined: 2004-10-03
Posts: 32
Points: 0

Absolute positioning not so absolute?

thanks. I'm going to start reading up on style sheet switchers now. This is dangerously addictive...

I really should be working...

www.flashlightdesign.com