CSS headache

nin9abadga · 13 Jun 2006 at 15:27

hi people i have a minor countdown like conundrum i need to solve involving positioning.

i have a site im in the process of designing, i've settled on a layout and im in the process of tweaking it. what i want to do is to have the containing elements on the left resize depending on the text size selected by the user (in their own browser).

the right hand side works fine due to the addition of a footer, as does the nav (i used ems) but i cannot work out how to take it forward. i've tried to use % and ems, none of which causes the content to stretch downwards. i've used floats on the left which is a possible reason for the content not to stretch.

so my question to you guys is there a solution? any ideas as to how i can take it forward or do i have to rethink the design in order to accomodate what i want to do? can it be done?

here's a link with all the css included in the document.
http://www.nin9adesign.co.uk/al/index_main.htm

thanks in advance
nin9a

nin9abadga · 13 Jun 2006 at 15:40

iCraig said:
Please don't use that as your logo.

why?

nin9abadga · 13 Jun 2006 at 15:51

jesus mate, what's with the unwarranted criticism? i have never come across that logo before, nor obviously has the person who has been using it for the past 10 + years on his business communications.

accusing me of ripping a design off isn't very nice is it.

nin9a

nin9abadga · 13 Jun 2006 at 16:03

no, if you'd said "btw, did you know that logo comes as part of the template in Microsoft Publisher" i would have said "nice one thanks for telling me i'd best sort it out".

instead, you replied by posting the picture with the tagline "be original" and it really got my goat as it implied that i'd taken it from somewhere else.

if i hadn't wanted criticism i wouldn't have posted it for people to see.

anyway, back on topic if we could, any views on the positioning?

nin9a

nin9abadga · 13 Jun 2006 at 16:15

Sic said:
nin9abadga, the reason that div is going all funny is because Extensions/Conservatories is seen as one word, and isn't wrapping to a new line when the text size increases. Try changing it to Extensions & Conservatories, then it lays out fine with all the possible font sizes

cool thanks Sic, that's now got it working in IE, any idea how to make it work in Firefox?

nin9a

eidt: yeah i didn't explain it very well in my original post. thanks for your feedback iCraig, apologies for my angry responses you just hit a nerve that's all.

nin9abadga · 13 Jun 2006 at 16:33

Sic said:
p.s. your padding and margin attributes can be written sorter than you're writing them. .class { padding: 0px (top) 5px (right) 0px (bottom) 5px (left) } , same for margin...just omit what's in brackets:

thanks for the tip, i'm gonna go through and tidy it all up once i've finished it

You know the purple box that has "Extensions/Conservatories" in?

the box that holds the text does, but the h1 tag that holds the heading doesn't. the heading seems to resize ok (it stretches down) but doesn't force the rest of the text down in the containing box (in firefox), it flows out of the box.

*passes iCraig a cookie*

nin9a