Sorry for being in the wrong group.
But right:0 doesn't do it. I want padding of 10 on either side. The
standard streches the box over the whole page until it reaches 10
pixel from the border.
Setting right:0 or 10 the box is aligned to the right but having only
the size of the containing text.
should look like this:
---------------------------------------------------
|...-------------------------------------------...|
|...| header with margin on both sides |...|
|...| but streched over the full remaining |...|
|...| width no matter how much text contained|...|
|...-------------------------------------------...|
|................................................. |
|................................................. |
|................................................. |
|................................................. |
|...-------------------------------------------...|
|...| should be the same as header but always |...|
|...| positioned to the bottom of the page |...|
|...-------------------------------------------...|
---------------------------------------------------
Lauri Raittila <la***@raittila.cjb.net> wrote in message news:<MP************************@news.cis.dfn.de>. ..
In article Malfunction wrote: I've got two classes header and footer. They both have a 2px. border
to make it appear as a box on top and at the bottom of the page. They
both have a standard width (respecting the padding property).
Now I wanted the footer to always apear on the bottom of the page even
if there's a blank page with only header and footer.
So I set it to position:absolute; bottom:12px; moving it to the
bottom. But now the width of the footer isn't the same anymore but
just as big as the text it contains.
To go round this I set it's width property to 100%. But now it only
respects padding on the left side and not on the right.
Any suggestions?
Use this:
right:0;
You are in wrong group, use ciwa.stylesheets for CSS questions. And
google it before.
Also see
http://steve.pugh.net/test/test57a.html