ayuda con css

zeros-cool #1 May '09

saludos a todos. estoy intentando acer una web y le estoy metiendo algo d css. de momento tengo dos tablas cn div, una encima de la otra, pero tngo un problema. en mi navegador se ve muy bien, pero en otros navegadores se ve la capa superior movida,es decir, no queda centrada. supongo k sera xk tengo el tamaño en pixeles. alguien k s entere k m pueda exar una mano. e tirado d google pero m pierdo un poko asi k decidi recurrir aki a ver si alguien s entera y m puede dar algun consejiyo, ya k en esto d css soy novato. les dejo el codigo html y css pa k le exen un vistaciyo. muxas gracias!! un saludo

cod html

cod css

.fondo{
text-align:center;
position:relative;
z-index:0;
}

.encabezado{
text-align:center;
position:absolute;
z-index:200;
left: 252px;
top: 75px;
width: 746px;
height: 128px;
}

bolo9tiko23 #2 May '09

No entiendo bien lo que quieres conseguir con las 2 capas, el la primera le das una posicion relativa, a la segunda que esta dentro de la primera, le das una posicion absoluta(entiendo que quieres sacarla del primer div), dinos que es lo que quieres conseguir que sera muchisimo mas facil, mandanos un jpg de lo que quieres y de como se ve y te digo como solucionarlo.

Asi no entiendo bien lo que quieres conseguir

zeros-cool #3 May '09

ahora mismo no t puedo poner ninguna foto xk no estoy en mi pc. verás, soy bastante novato en esto dl css y no se sikiera si el codigo esta bien dl todo o se puede acer d otra forma. basicamente tengo dos imagenes. una imagen es el fondo de la pagina web. luego, encima d esa imagen va todo el contenido, es decir, el logo de la pagina, una foto, y cosas asi. entonces mi pregunta es: ¿como puedo conseguir poner las imagenes esas encima d la imagen dl fondo?(perdona si no m explico bien, luego cuando este en mi casa subire fotos)

bLaKnI #4 May '09 Inocente

Y porfavor... evita los "span"!
Recurre a ellos cuando realmente no tengas otra solucion o manera de hacerlo (que SIEMPRE la hay!).

mOrK2 #5 May '09

te quedas a media maquetando eh xD

zeros-cool #6 May '09

#4 ni sikiera se para k s utilizan los span. t digo, use el dreamweaver y cacharreando m salio solo :S:S

#5 si, soy un trozo maketando y cn css en general. pero weno, como e dixo estoy empezando. a ve si le cojo el trankiyo

Fr4nk0 #7 May '09

Si lo que quieres es tener una imagen de fonde de la web y luego todo lo demas encima, es más fácil que uses la propiedad background-image de css en el body (Si no quieres usar el body, te creas un div con ancho y alto toda la web, y le pones el background-image). Asi tendrás esa imagen en el fondo de la web siempre, y sólo necesitaras poner los divs que quieras para la cabecera, el panel lateral, etc.

Ejemplo:

body{
background-image: url("ruta de la imagen");
..... demás propiedades css
}

div_lateral{
... propiedades de este div
}

....

zeros-cool #8 May '09

#7, lo pense pero lo k pasa es k la imagen k tngo d fondo tngo k redimensionarla, y si no m ekivoko, cuando se pone una imagen background no s puede verdad?

edit: ya lo e solucionado, dp d estar batallando toda la mañana. les dejo x aki el codigo x si a alguien alguna vez le ace falta

cod css-->

#capa1{
	position:relative;
	z-index:1;
	left: 0%;
	top: -140mm;
	width:10%;
}
#capa2{
	text-align:center;
	z-index:0;
}
#capa3{
	position:relative;
	z-index:1;
	left: -40mm;
	top: -135mm;
	width:10%;
}

cod. html -->

Usuarios habituales