[thelist] embedded layers into a 1 cell table ?

Simon Perry thelist at si-designs.co.uk
Thu May 20 05:24:37 CDT 2004


Joan Olivé M. wrote:

>Good morning from Catalonia,
>
>I'l heartly thank if anybody could show some light over my problem:
>
>1) Initially I created a web designed for 800x600px screen with the following structure:
>
>a) Master layer, with absolute position declaring ajustments/position to left and top - this layer calls with CSS a 760x425px backgroud image
>b) Layer 1, with absolute position declaring ajustments/position to left and top
>c) Layr 2, with absolute position declaring ajustments/position to left and top
>d) Layer 3, with absolute position declaring ajustments/position to left and top
>etc
>
>Ok. It worked, in 800x 600 px but when testing in a big one, the result is very poor.
>
>2) I've sttled a ONE CELL CENTERD TABLE, but whem trying to embed the 5 inner layers into the cell i didn't work.
>
>The test is available in:
>
>
>http://www.docsl.com/prova-doc-maig-05/prova-centrat.htm
>
><The table is centered, but the layers still keep in absolute position left/top.>
>
>Please: Could you give me:
>
>Exact syntax for embedding a "master layer" into the 1 cell table in order to embed the other cells to this master one ????
>  
>
There is a whole philosophy shift in moving from using tables for layout 
and using structured HTML with CSS. The wiki at CSS-d [0] is a great 
place for reference on how to create the type of  layout you are after.

>Should this solutions have troubles in other browsers than IE5 - 6  ???
>  
>
Quite the opposite in fact of the modern browsers is probably the worst 
offender when it comes to CSS bugs [1]. If you are going to be doing a 
lot of CSS design then I would recommend getting Mozilla Firefox[2] and 
the editCSS[3] extension as this will allow you to edit your CSS in a 
side bar and see the effects in the browser in real time.

hth

Simon

[0] http://css-discuss.incutio.com/
[1] http://www.positioniseverything.net/explorer.html
[2] http://www.mozilla.org/products/firefox/
[3] http://texturizer.net/firefox/extensions/#editcss


More information about the thelist mailing list