Comunidad de diseño web y desarrollo en internet online

capas correosas

Citar            
MensajeEscrito el 14 Feb 2007 09:19 am
tengo un cierto problemilla con unas capas, q se comportan d distinta manera segun el navegador
Podria asignarle un tamaño fijo para que quedase bien, aunque preferia q se estirase esa capa para dejarlo mas abierto a actualizaciones y reutilizaciones

yo quisiera que se viese asi


que es como se me ve en el explorer 6, desconozco si en el 7 se ve distinto.

Pero en el firefox se me ve asi


este seria el codigo, a ver si alguien puede decirme como hacer. gracias

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.Layer1 {
position:relative;
width:478px;
z-index:1;
border:#FF9E00 1px solid;
background-image: url(../../../pasarela%20de%20pago/imagenes/fondo2.png);
}
#Layer2 {
width:172px;
height:115px;
z-index:1;
float: left;
}
#Layer3 {
z-index:1;
float: left;
}

.prueba{ height:44px; border-right:#FF9E00 1px solid; border-bottom:#FF9E00 1px solid; background-image:url(../../../pasarela de pago/imagenes/N1.png);}
.prueba2{ height:44px; border-right:#FF9E00 1px solid; background-image:url(../../../pasarela de pago/imagenes/N1.png);}
-->
</style>
</head>

<body>
<div class="Layer1">
<div id="Layer2">
<div class="prueba">Content for New Div Tag Goes Here</div>
<div class="prueba">Conte</div>
<div class="prueba">Content for New Div Tag Goes Here</div>
<div class="prueba2">Content for New Div Tag Goes Here</div>
</div>

<div id="Layer3">fgfgdfgfdg</div>
</div>
</body>
</html>

Por sk8erboi

78 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 14 Feb 2007 04:24 pm
Proba sacandole los espacios a la ruta de las imagenes:

Código :

background-image: url(../../../pasarela de pago/imagenes/fondo2.png);

Ese puede ser el problema.
Si lo que tenes a la izquierda es un menu te conviene hacerlo con listas

Código :

<ul>
<li>Content for New Div Tag Goes Here</li>
<li>Content for New Div Tag Goes Here</li>
<li>Content for New Div Tag Goes Here</li>
<li>Content for New Div Tag Goes Here</li>
</ul>


Saludos,..........

Por do

16 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 14 Feb 2007 08:26 pm
Mete el codigo en [code]

Por Breath

110 de clabLevel



Genero:Masculino  

Zpein

firefox
Citar            
MensajeEscrito el 15 Feb 2007 07:10 am
He sacado los espacios, pero el resultado sigue siendo el mismo.
He tenido q poner el background en el cuadro de la derecha, y poner un tamaño minimo para ese cuadro

Por sk8erboi

78 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 15 Feb 2007 11:12 am
Has probado dándole a cada div un z-index diferente? Creo que si los vas a poner todos en el mismo nivel, es mejor no ponerle. Con el z-index le das a cada uno un nivel diferente.
O sino pueba con imgs ke no sean png.
A ver ke tal.

Por Araitz

42 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 16 Feb 2007 04:17 am
El problema es que no haz hecho un clear al elemento contenedor.

Código :

[...]
<div id="Layer3">fgfgdfgfdg</div>
<div class="clear"></div>
</div>


Código :

.clear { clear:both; }


Todo se resume a eso, inténtalo.

PD: A la próxima usa etiquetas [code] para mostrar código, asi será más fácil de leer.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.