Se ve un Div pero el otro no.

Distriker · #1 (**permalink**) 12/02/2009, 11:35

Hola a todos, estoy haciendo maquetando una web y tengo un problema con un codigo.

El codigo HTML es este:

Código HTML:

<div id=side-izquierda>
Vacio
</div>

<div id=centro>
Vacio
</div>	

<div id=side-derecha>
Vacio
</div>

Y el CSS este:

Código css:

Ver original#side-izquierda {background-color: #0077FF}
#centro {background-color: #148DFF}
#side-derecha {background-color: #0077FF}

El problema reside en que el Div "side-izquierda" y el "side-derecha" si se ven, pero el Div "centro" no se le ve el color, es algo raro, que problema habrá?

Saludos

Calizman · #2 (**permalink**) 12/02/2009, 12:19

Saludos Distriker!!

Porque no intentas agregarle esto a los 3:

#divelquequieras{
width: 32%;
float: left;
}

eso los alineara a todos... y los hara "aparecer"

Hasta Luego!!

Distriker · #3 (**permalink**) 12/02/2009, 12:44

Lo intentaré calizz.

Saludos y gracias.

Distriker · #4 (**permalink**) 13/02/2009, 12:57

Hola Calizz, nada, no me ha funcionado, no lo entiendo. Mire como he puesto el codigo:

Código css:

Ver original#side-izquierda {
width: 32&#37;;
float: center;
background-color:#176CFF
}
#centro {
width: 50%;
float: center;
background-color:#FF0000
}
#side-derecha {
width: 32%;
float: center;
backgroun-color:#176CFF 
}

Esta vez te pongo un HTML entero, por si acaso sea algo que tenga el HTML por fuera, miren:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
<link rel="StyleSheet" href="style.css" type=text/css>

		<title>index</title>
		<meta name="author" content="Distriker" >
		<meta name="generator" content="screem 0.16.1" >
		<meta name="description" content="" >
		<meta name="keywords" content="" >
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" >
		<meta http-equiv="Content-Script-Type" content="text/javascript" >
		<meta http-equiv="Content-Style-Type" content="text/css" >
	</head>
	<body>
	
	<h1>Bievenido a Betaconsolas.COM</h1>

<div id=side-izquierda>
Vacio
</div>

<div id=centro>
Vacio
</div>	

<div id=side-derecha>
Vacio
</div>

	</body>
</html>

Qué puede ser??

En la vista previa del programa se ve horrendo, y en el localhost se ve mal, como ya te he contado anteriormente, es mas, para que lo observes bien, mira la imagen:

Pulsa aquí para verla.

Saludos

Calizman · #5 (**permalink**) 13/02/2009, 13:21

Ups! esque float: center no existe! cambia eso!! busca algo en la web sobre la propiedad float y sigue intentando.

Ahora estoy un poco liado con trabajo, pero en cuanto tenga un tiempo reviso tu codigo y te doy mas soluciones!

Hasta Luego!!

Distriker · #6 (**permalink**) 14/02/2009, 12:14

Pues a mi me enseñaron así :S. Entonces, como lo centro?

Saludos

-----

El float Left ya está eliminado, pero..., no entiendo porque sigue dandome ese error, el div "side-derecha" no se ve :S.

He estado averiguando a ver si interactua con otra propiedad,y si, si interactua, bueno, con algunas si y con otras no, es algo raro :S, a que se deberá?

Saludos

-----

En cambio, si pongo esto:

Código html:

Ver original<DIV ID="derecha" STYLE="background-color: #FFF157">
Vacio
</DIV>

Si se ve correctamente, como debería de ser, es decir, como dice ese codigo.

Es decir, hay algunas funciones que en mi CSS no funcionan, ¿que me recomiendan?. Lo dejo así o ¿intento solucionar lo de la hoja de estilos?

Saludos

jeybi · #7 (**permalink**) 14/02/2009, 15:13

Revisa este codigo minusiosamente...

#side-derecha {
width: 32%;
float: center;
backgroun-color:#176CFF
}

PD: el float:center no existe, te recomiendo que lees un poco al respecto

Distriker · #8 (**permalink**) 15/02/2009, 07:33

Yaasss, una D

, solamente una D y no me di cuenta, joder, que pena.

Muchas gracias Jeybi.

Aunque lo he cambiado todo y me está quedando mejor

.

Saludos y gracias.

jomaruro · #9 (**permalink**) 15/02/2009, 09:41

Hola distriker:

No se si te funciona ya tu código, deberías ponerlo como te han dicho:

Código:

#side-izquierda {
    background-color: #0077FF;
    float:left;
    width: 33%;
}

#centro {
    background-color: #148DFF;
    float:left;
    width: 33%;
}

#side-derecha {
    background-color: #0077FF;
    float:left;
    width: 33%;
}

El width: 33% es por darle un tamaño eso ya depende de tí, pero así te funcionará.

Saludos.

Distriker · #10 (**permalink**) 15/02/2009, 09:44

Si

. Funciona

.

Muchas gracias a todos.

Saludos