CSS centrar una capa al navegador (urgente!)
2 seguidores
Hola a todos tengo una web mquetada con capas. A partir de un contenedor estan todas dentro y con posiciones absolutas.
Hay forma de que se centre la página al navegador sin utilizar frames?
Ahora mismo tb me puede valer con frames, sabeis de algun ejemplo? (estoy un poco apurado ya que la tengo que entregar ahora :( ).
Gracias a todos!
Usuario desconocido
avisarme si conseguis q por dar consejos os paguen que me apunto!
si necesitais cualquier cosa no dudeis en preguntarme.
:)
Un saludo
David
dirarck
joer k guay, si te pagaran por esto, estaría yo más a gusto k un pato en una charca :)
cbp
root98
hola de nuevo.... ya lo he conseguido gracias a los 2.
jejeje, gracias hombre, pero yo no hecho ni el huevo, sólo he preguntado una cosa y he secundado el enlace de dirarck, el mérito es para él. en cualquier caso me alegro que se haya solucionado, que parecías mu agobiao :D
Usuario desconocido
ya esta solucionado GRACIAS A TODOS!!!!!!!
Usuario desconocido
hola de nuevo.... ya lo he conseguido gracias a los 2. Ahora solo me queda un problema y no se por qué lo hace.... la hoja de estilo es la que os he puesto pero en las capas PUBLIC y PROYEC, no me coge los estilo como en noticias?
podeis verlo aqui: www.microprint.es/spa/index2.asp
Alguna idea?
Gracias :)
cbp
el enlace de dirarck tiene muy buenos ejemplos de centrado de capas, echa un vistazo a ver
cbp
el enlace de dirarck tiene muy buenos ejemplos de centrado de capas, echa un vistazo a ver
Usuario desconocido
gracias por contestar!!
q prisas!!!! dioss!!!!!!
pues el contenedor respecto a la página. he encontrado una historia que es ver el ancho y alto y dividirlo entre 2, pero no me lo pone en el centro.
Adjunto el css:
<code>body {
scrollbar-base-color : #24604A;
scrollbar-3d-light-color : Black;
scrollbar-arrow-color : #739ECA;
scrollbar-dark-shadow-color : black;
scrollbar-face-color : #24604A;
scrollbar-shadow-color : black;
}
#logo{
position : absolute;
top : 1px;
left : 1px;
z-index : 1;
}
#menu{
position : absolute;
top : 132px;
left : 1px;
z-index : 2;
width:153px;
height:220px;
background-color: #acc7bd;
}
#imgDer{
position : absolute;
top : 352px;
left : 1px;
z-index : 3;
width:153px;
height:87px;
}
#imgUp{
position : absolute;
top : 1px;
left : 154px;
z-index : 4;
width:615px;
height:77px;
}
#imgCentro{
position : absolute;
top : 78px;
left : 154px;
z-index : 5;
width:615px;
height:274px;
}
#noticias{
position : absolute;
top : 352px;
left : 154px;
z-index : 6;
width:166px;
height:87px;
background-color: #c0d4cd;
}
/****************************************/
#noticias a:link, #noticias a:visited {
display: block;
color: #21536A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height: 12pt;
text-decoration: none;
}
#noticias a:hover{
background-color: #DDEEFF;
height: 62px;
width: 166px;
}
/*********************/
#public{
position : absolute;
top : 352px;
left : 320px;
z-index : 6;
width:166px;
height:87px;
background-color: #c0d4cd;
}
/****************************************/
#public a:link, #noticias a:visited {
display: block;
color: #21536A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height: 12pt;
text-decoration: none;
}
#public a:hover{
background-color: #DDEEFF;
height: 62px;
width: 166px;
}
/*********************/
#proyec{
position : absolute;
top : 352px;
left : 483px;
z-index : 6;
width:166px;
height:87px;
background-color: #c0d4cd;
}
/****************************************/
#proyec a:link, #noticias a:visited {
display: block;
color: #21536A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height: 12pt;
text-decoration: none;
}
#proyec a:hover{
background-color:#DDEEFF;
height: 62px;
width: 166px;
}
/*********************/
#imgDer{
position : absolute;
top : 352px;
left : 647px;
z-index : 9;
width:122px;
height:87px;
}
#imgIzq{
position : absolute;
top : 352px;
left : 1px;
z-index : 9;
width:153px;
height:87px;
}
#contenedor{
border: 1px solid #24604A;
background-color: #24604A;
position: absolute;
width: 770px;
height: 440px;
left: 50%;
top: 50%;
z-index: 1;
margin-left: -385px;
margin-top: -220px;
}
#textos{
position : absolute;
top : 78px;
left : 154px;
z-index : 6;
width: 615px;
height:361px;
background-image: url(/spa/images/fondo_interior.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 0px bottom;
background-color: #7CA795;
overflow: auto;
visibility: hidden;
}
#textos p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 14px;
color: #FFFFFF;
text-decoration: none;
}
#textosProyectos{
position : absolute;
top : 78px;
left : 154px;
z-index : 6;
width: 615px;
height:361px;
background-image: url(/spa/images/fondo_interior1.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 0px bottom;
background-color: #7CA795;
overflow: auto;
visibility: hidden;
}
#textosMIR{
position : absolute;
top : 78px;
left : 154px;
z-index : 6;
width: 615px;
height:361px;
background-image: url(/spa/images/fondo_interior2.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 0px bottom;
background-color: #7CA795;
overflow: auto;
visibility: hidden;
}
#textosEnergia{
position : absolute;
top : 78px;
left : 154px;
z-index : 6;
width: 615px;
height:361px;
background-image: url(/spa/images/fondo_interior3.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 0px bottom;
background-color: #7CA795;
overflow: auto;
visibility: hidden;
}
.textosC {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}</code>
GRACIAS DE NUEVO!!!!!!!!
cbp
¿tienes que centrar las capas respecto al contenedor o el contenedor respecto a toda la página?
<code></code>
dirarck
espero que algo de <a href="http://www.tierradenomadas.com/tw003.phtml">esto</a> te sirva
cbp
¿tienes que centrar las capas respecto al contenedor o el contenedor respecto a toda la página?