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

iCraig · 13 Jun 2006 at 15:36

Please don't use that as your logo.

nin9abadga · 13 Jun 2006 at 15:40

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

why?

iCraig · 13 Jun 2006 at 15:44

Because it's the template logo for Microsoft publications.

Be original.

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

iCraig · 13 Jun 2006 at 15:55

I think it's unwanted rather unwarranted critisism that you've been given by the sounds of it.

I'm not accusing you of ripping your design from Microsoft Publisher, I'm just saying that you shouldn't really use it. Your logo should be original.

What did you want me to do, not tell you, and let you go ahead using a logo that isn't really your own?

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

iCraig · 13 Jun 2006 at 16:06

nin9abadga said:
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.

Well, you have taken it from somewhere else. Accidental or not, I was just telling you that it wasn't your logo and you need an original one.

Why are getting so angry? :confused:

Sic · 13 Jun 2006 at 16:07

iCraig, in his defence, he didnt ask for a site rating...if you're given a company logo to work with for whoever, it's not yoour job to change it unless they ask you to.

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

iCraig · 13 Jun 2006 at 16:14

Sic said:
iCraig, in his defence, he didnt ask for a site rating...if you're given a company logo to work with for whoever, it's not your job to change it unless they ask you to.

I didn't rate his site, I just saw his logo and recognised it immediately. Better to tell him, instead of letting him flaunt a copied logo unknowingly, no?

He also didn't mention that it was for somebody else in his first post. He worded it like it was his own site.

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.

Sic · 13 Jun 2006 at 16:20

iCraig said:
I didn't rate his site, I just saw his logo and recognised it immediately. Better to tell him, instead of letting him flaunt a copied logo unknowingly, no?

He also didn't mention that it was for somebody else in his first post. He worded it like it was his own site.

of course. don't get me wrong, i know your intentions were good, but you were awfully blunt about it. i'm sure it was just a misunderstanding

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

nin9a

i can't see it in Fx at the moment, but i might know why it's not working. if no-one's answered (Beansprout seems to think it's a competition and Augmented's bored today!!!) by the time i get home, i'll look at it for you

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:

Code:

.class { padding: 0px 5px 0px 5px; }

iCraig · 13 Jun 2006 at 16:21

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

Does it have a fixed width? If it doesn't, try giving it one.

Edit: No worries about the logo stuff, I was blunt, but I come across a lot of "thefts" every week when working in the design business, so I'm usually less than poetic when talking about it.

*fluffles nin9abadga*

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

iCraig · 13 Jun 2006 at 16:37

nin9abadga said:
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.

Whoops, wrong way around. Try removing the fixed width and height from it. Use padding to keep it looking the same as it does now.

nin9abadga said:
*passes iCraig a cookie*

\0/ I love the cookies!