W3C home > Mailing lists > Public > www-style@w3.org > April 2004

Re: Controling structure with CSS

From: Maxwell Terpstra <terpstra@myrealbox.com>
Date: Fri, 16 Apr 2004 00:29:50 -0700
Message-ID: <407F8B6E.10405@myrealbox.com>
To: www-style@w3.org

Tonico Strasser wrote:
> Another example: for screen I want to position some text on the top of 
> the page, for print I want the same text at the bottom. Is this possible 
> with CSS 3?

is absolute positioning not possible for some reason? otherwise you 
could simply do something to the effect of:

@media screen {
  #text-box { position:absolute; top:0 }
}
@media print {
  #text-box { position:absolute; bottom:0 }
}

assuming that #text-box's first positioned ancestor spans the full 
length of the document.

In fact, most cases of reordering can be handled using absolute and 
relative positioning.  It's certainly nit-picky (often you'll need to 
know exact heights or widths), but it can be done. Taking your previous 
"icon" example, you could arrange it as follows:

html:
  <h1>Foo Bar</h1>
  <div class="icon">(Question)</div>

css:
h1 {
  height:40px; overflow:clip;
  position:relative; top:20px;
}
span.icon {
  height:20px; overflow:clip;
  position:relative; top:-40px;
}

This is of course assuming that your fonts will fit properly in the 
specified dimensions... It would probably be better to have a containing 
block with a font-size set, and then specify the childrens' font-sizes 
and box offsets with em's.  Nit-picky, but do-able.

--Maxwell Terpstra
Received on Friday, 16 April 2004 03:30:11 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:29 GMT