Elli Vizcaino wrote: > ... > > Is there a way to combine floated divs with absolute > positioned divs for layout, without having the page > behave erratically across several browsers? The pages > (both are live samples of the templates we work with) > in question are: > > http://www.nj.com/news/ > http://www.pennlive.com/lehighvalley/nce.net/impact/index.ssf > > > The company I work for would like the content area > (FEATURED STORY/ALL STORIES FROM [DATE]:) column to > appear at the top of the HTML document, right after > the body tag for SEO purposes. While still retaining > the look of the current layout.
You can rearrange a float-based 3 column layout to an 2-1-3 or 3-1-2 source ordered layout by the use of negative margins, see [1, 2]. The main container holding these columns, coming first in the source, may leave some em-margin above. Coming later in the source, the header element may be positioned absolutely on top of the main container. (Inside the header, you may swap the order by using position:absolute, too.) The first element in body should then be a skip-to-navigation link. In addition, a skip-to-advertisement link may be semantically correct, but is not necessarily helpful in the real world. Ingo [1] http://www.alistapart.com/articles/negativemargins [2] http://www.positioniseverything.net/articles/onetruelayout/ -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
