468,133 Members | 1,379 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,133 developers. It's quick & easy.

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
Jul 21 '05 #1
6 1497
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
Jul 21 '05 #2
On Thu, 18 Nov 2004 14:49:24 -0800, mscir <ms***@access4less.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.
Jul 21 '05 #3
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.
Jul 21 '05 #4
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. :)
Jul 21 '05 #5
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.
Jul 21 '05 #6
*mscir* <ms***@access4less.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%.
Jul 21 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by Adam | last post: by
1 post views Thread by David Goodyear | last post: by
3 posts views Thread by John Knoop | last post: by
7 posts views Thread by Novice Computer User | last post: by
5 posts views Thread by ryanoasis | last post: by
3 posts views Thread by jianqi.wang | last post: by
27 posts views Thread by didacticone | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.