Im realy struggling with positionining my footer in CSS layout at the bottom of
every page. Some pages its halfway up the side bars, others its below.

The problem occurs when I dont have enough content to reach the bottom of the
side bars.

Could somebody please look at the attached CSS layout and suggest what I have
to do?

Much Appreciated in advance.

Max

body {
background: #ECEEDF;
margin: 0px;
padding: 0px;
text-align: justify;
color: #000000;
min-height:101%;
margin-bottom:1px;
}
.thrColAbsHdr #container {
position: relative;
width: 100%;
background: #ECEEDF;
margin: 0 auto;
border: 0px solid #EE2711;
text-align: left;
height: 100%;
}

.thrColAbsHdr #header {
width: 100%;
background: #6793DA;
padding: 0px 0px 0px 0px;
}

.thrColAbsHdr #sidebar1 {
position: absolute;
top: 115px;
width: 120px;
background: #ECEEDF;
padding: 0px 0px 0px 0px;
overflow: visible;
left: 0px;
}
.thrColAbsHdr #sidebar2 {
position: absolute;
top: 115px;
right: 0px;
width: 170px;
background: #ECEEDF;
padding: 0px 0px 0px 0px;
overflow: visible;


}
.thrColAbsHdr #mainContent {
background: #ECEEDF;
margin: 0px 200px;
padding: 0px 0px 0px 0px; /
}
.thrColAbsHdr #footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:center;
}

You could put some <br> <p> or &nbsp; to fill the div, but the reality is
not everyone is going to have the same viewport, so what may look to be full
page for you will not be for the next person.


"MaxChentrens" <webforumsuser@macromedia.com> wrote in message
news:g2o9bk$mmj$1@forums.macromedia.com...
> Im realy struggling with positionining my footer in CSS layout at the
> bottom of
> every page. Some pages its halfway up the side bars, others its below.
>
> The problem occurs when I dont have enough content to reach the bottom of
> the
> side bars.
>
> Could somebody please look at the attached CSS layout and suggest what I
> have
> to do?
>
> Much Appreciated in advance.
>
> Max
>
> body {
> background: #ECEEDF;
> margin: 0px;
> padding: 0px;
> text-align: justify;
> color: #000000;
> min-height:101%;
> margin-bottom:1px;
> }
> .thrColAbsHdr #container {
> position: relative;
> width: 100%;
> background: #ECEEDF;
> margin: 0 auto;
> border: 0px solid #EE2711;
> text-align: left;
> height: 100%;
> }
>
> .thrColAbsHdr #header {
> width: 100%;
> background: #6793DA;
> padding: 0px 0px 0px 0px;
> }
>
> .thrColAbsHdr #sidebar1 {
> position: absolute;
> top: 115px;
> width: 120px;
> background: #ECEEDF;
> padding: 0px 0px 0px 0px;
> overflow: visible;
> left: 0px;
> }
> .thrColAbsHdr #sidebar2 {
> position: absolute;
> top: 115px;
> right: 0px;
> width: 170px;
> background: #ECEEDF;
> padding: 0px 0px 0px 0px;
> overflow: visible;
>
>
> }
> .thrColAbsHdr #mainContent {
> background: #ECEEDF;
> margin: 0px 200px;
> padding: 0px 0px 0px 0px; /
> }
> .thrColAbsHdr #footer {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 8pt;
> text-align:center;
> }
>

A DIV just before the closing </body> tag with styled with clear:both in CSS works for me.

Nice it is good Improvization Thank you