[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