Bueno ustedes diran, pero estaba con las tablas?? empeso con capas, paso a tablas y ahora vuelve a las capas???
Bue, resulta que me puse y pude maquetar todo el sitio con capas
Elabore una gran capa que contiene a todas las demas, mi unica duda es como centrarla sin perder los valores heigth y width:
Código:
#layer1 { height: 600px; width: 779px; left: 113px; top: 0; position: absolute; visibility: visible; }
#layer2 { height: 15px; width: 779px; left: 0; top: 0; position: absolute; visibility: visible; background-image: url(../Images/design_01.gif);}
#layer3 { height: 59px; width: 779px; left: 0; top: 15px; position: absolute; visibility: visible; background-image: url(../Images/design_02.gif) }
#layer4 { height: 24px; width: 123px; left: 0; top: 74px; position: absolute; visibility: visible; background-image: url(../Images/Design2-remix_02.gif);}
#layer5 { height: 24px; width: 17px; left: 123px; top: 74px; position: absolute; visibility: visible; background-image: url(../Images/Design2-remix_03.gif); }
#layer6 { height: 24px; width: 639px; left: 140px; top: 74px; position: absolute; visibility: visible; background-image: url(../Images/Desing2-remix_04.gif); }
#layer7 { height: 9px; width: 779px; left: 0; top: 98px; position: absolute; visibility: visible; background-image: url(../Images/design_12.gif); }
#layer8 { height: 19px; width: 140px; left: 0; top: 107px; position: absolute; visibility: visible; background-image: url(../Images/design-2_02.gif); }
#layer9 { height: 19px; width: 639px; left: 140px; top: 107px; position: absolute; visibility: visible; background-image: url(../Images/barra-temas.gif); }
#layer10 { height: 447px; width: 140px; left: 0; top: 126px; position: absolute; visibility: visible; background-image: url(../Images/design-2_04.gif); }
#layer11 { height: 447px; width: 639px; left: 140px; top: 126px; position: absolute; visibility: visible; background-color: #A3A3A3; }
#layer12 { height: 27px; width: 779px; left: 0; top: 573px; position: absolute; visibility: visible; background-image: url(../Images/design_18.gif); }
Layer 1 es la que contiene todas las capas.
Eh probado:
Código:
#layer1 { height: 600px; width: 779px; visibility: visible; margin-left:auto; margin-right:auto; }
o
Código:
#layer1 { height: 600px; width: 779px; visibility: visible; margin:auto}
Pero no da resultado.