Previous Message
Next Message

Getting page bottom 'standoff'

Sent by IChao on 1 September 2004 22:10


David Leader wrote:

> <http://doolittle.ibls.gla.ac.uk/leader/MResMockup/Devel.html>. I want 
> 15px of dark blue at the bottom of the page (i.e. if you are flush with 
> the content area you'll get a right scrollbar). 
>

David,
on Aug 11, there was a similar problem posted to the list ("Can't get 
bottom margin"). I suggested an "absolute positioning glue solvent", 
something like

css:

#abs_pos_glue_solvent{
   padding-bottom: 15px;
   margin-bottom: -15px;
   line-height:0; /* only margin and padding shall influence the height*/
   height:0;
   font-size:0;
/* border: 1px solid lime; */ /* to illustrate*/
   }

html:
....
   <div class="horiStripe" style="clear: both;"></div>

   <div id="abs_pos_glue_solvent">&nbsp;</div>

  </div> <!--end wrapper-->

</div> <!--end centred-->
....


the positive padding-bottom tries to establish a space below it (but 
frustrates), than the negative margin-bottom shifts the 
div#abs_pos_glue_solvent out of the viewport, and as a result, there 
will be a space in IE6Win, FF.9Win, Moz1.8a3Lin, Opera7.54Win.

Since I didn't got an reply, I still don't know if it works on other 
browsers or if there is an easier approach.  Maybe this method is 
helpful to you.

Regards, Ingo Chao

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: