HELP : can't solve css templates PB !

Hi,

I want to create a simple css template like this :
http://www.alsacreations.com/article...les/g_fixe.htm

But i've got a problem : the footer doesn't follow if contents(menu or
center) grow !

- Try to fill the menu with text so that its content is bigger than the
content of the center (right block).
you can see that the footer doesn't follow...!!!

-on the contrary, if the content of center is bigger than the content of
menu, footer follow as expected.

How to solve this ?!

Thanks a lot for any help !!

Regards,

Zefri

zefri wrote:

Hi,

I want to create a simple css template like this :
http://www.alsacreations.com/article...les/g_fixe.htm

But i've got a problem : the footer doesn't follow if contents(menu or
center) grow !

<snip>

Try this. Also use units everywhere, e.g. body margin and padding.

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color:#CCCCFF;
}

#header {
height: 100px;
width: 100%;
background-color: #99CCCC;
}

#gauche {
position: relative;
float: left;
width: 150px;
background-color: #FFAABB;
}

#centre {
position: relative;
float: left;
width: 600px;
background-color:#9999CC;
}

#pied {
height: 30px;
width: 100%;
background-color: #99CC99;
}

Mike

On Thu, 18 Nov 2004 14:49:24 -0800, mscir <mscir (AT) access4less (DOT) net> wrote:

#gauche {
position: relative;
float: left;
width: 150px;
background-color: #FFAABB;
}

I recommend choosing an ID which reflects the content, not the location on
the rendered page. Same with #centre.

zefri wrote:

Hi,

I want to create a simple css template like this :
http://www.alsacreations.com/article...les/g_fixe.htm

And change this:

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;

...to this:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;

http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

--
-bts
-This space intentionally left blank.

Beauregard T. Shagnasty wrote:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;

Don't forget the } !!

Compare to this, however.

font-family: Helvetica, Arial, sans-serif;

Here, Mac users who have both Arial and Helvetica on the machine get
Helvetica, which many have described as a superior font (off of which
Arial was crudely based, if my memory serves me). Windows AFAIK never has
Helvetica anyhow, and even if it did it'd probably be better than Arial.

Needless to say, if my facts are in error, someone's sure to correct me. I
hope.

Neal wrote:

Beauregard T. Shagnasty wrote:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;

Don't forget the } !!

Of course. Note I reposted only the first three lines of the body css
to show the two changes I recommended.

Compare to this, however.

font-family: Helvetica, Arial, sans-serif;

Here, Mac users who have both Arial and Helvetica on the machine
get Helvetica, which many have described as a superior font (off of
which Arial was crudely based, if my memory serves me). Windows
AFAIK never has Helvetica anyhow, and even if it did it'd probably
be better than Arial.

Yeah. I keep forgetting about those Mac people... :-)

Needless to say, if my facts are in error, someone's sure to
correct me. I hope.

None from me.

--
-bts
-This space intentionally left blank.

*mscir* <mscir (AT) access4less (DOT) net>:

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;

Do we need to discuss this *again*?

position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;

I'd be very careful with negative margins (and pixel sizes).

--
Useless Fact #9:
Percentage of Africa that is wilderness: ca. 28%.
Percentage of North America that is wilderness: ca. 38%.