Keith,
On Jan 11, 2006, at 2:40 PM, Keith Kaiser wrote:
> I'm really struggling with putting things at the
> bottom of the page, if you would please look at
> kaiserklan.com/roundtable/index2.html you'll see what I mean.
>
> The Google search routine in the <div class="search"> is my problem of
> the
> moment, <snip> The <div id="d1"> will come and go being replaced by
> d2, d3, d4..etc, so the
> length of the class="topContent" will vary but the search should stay
> on the
> bottom.
The problem is that .topContent is absolutely positioned. Abs.
posiitoned elements take up no space in the normal document 'flow' so
they cannot affect other elements on the page. The solution is to use
floats for the layout instead.
------ css changes -----
.navMenu {
float: left;
font-size: 9pt;
color: #ffffff;
margin: 1em .2em 0 0;
width: 19%;
}
.topContent {
margin-left: 20%;
width: 77%;
color: black;
text-align: center;
background-color:#e7e7cf;
margin-top: 1em;
border: 1px dashed black;
font-size: 12px;
}
#d2 { float: left; }
#pix {
border: solid 1px black;
padding: 10px;
margin: 12px;
background: #E5E5E5;
color: black;
float: left;
}
The thing you will have to check for is I think the javascript that
shows the rss is wider than the 19% you allowed for .navMenu which
will push the .topContnet over and possible make it drop below the rss
feed. You can fix this by removing .rss_box from the stylesheet.
hth
--
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
