No se me colocan unos div's

#1 (**permalink**) 15/03/2006, 18:54

Hola

estoy terminando de crear la seccion artistas de mi web, pero tengo algunos problemas.

basicamente la explicacion es la siguiente, si veis esto: http://www.mindpanic.com/artistas/fi...ista.php?id=10

fijaros en que todo esta prefecto, pero ahora lo que ocurre es que quiero poner debajo de la foto del artista otros datos, bien, pues al intentar meter un div para el texto (igual que aparece en la biografia) lo que ocurre es que en vez de mostrarse debajo de la foto se muestra a la derecha de la foto.

voy a poneros las partes del codigo implicadas....

bien estas son las columnas que veis: izquierda, centro, y derecha

Código HTML:

#barraizq {
	width: 136px;
	float: left;
	text-align: left;
	margin: 0px 5px 0px 0px;
	top: auto;
}
#barrcentro {
	width: 175px;
	float: left;
	text-align: left;
	margin: 0px 5px 0px 0px;
	top: auto;
}
#bio {
	width: 440px;
	float: left;
	text-align: justify;
	margin: 0px 0px 0px 5px;
	top: auto;
}

barraizq = es la barra de la izquierda
barracentro = es donde esta contenida la foto y donde quiero meter mas datos
bio = es la barra de la derecha que contiene la bio.

ahora os pongo el css que hace lo de la foto:

Código HTML:

.foto {
   float:left;
   background-color:#f5f7f9;
   padding:5px 5px 10px 5px;
   margin:0px 0px 5px 0px;
   text-align: center;
   border-top: #BE9FFD solid 1px;
   border-left: #BE9FFD solid 1px;
   border-right: #BE9FFD solid 2px;
   border-bottom: #BE9FFD solid 2px;
}

al parecer creo que el problema reside en que el codigo de la foto lo que hace es desplazar a la derecha cualquier cosa que este al lado de ella y como los datos que quiero mostrar estan en la misma columna (barracentro) pues me los desplaza a la derecha y me los monta sobre la bio...

como soluciono tol jaleo sin joder el diseño de ahora.

saludos

smokecitizen · #2 (**permalink**) 15/03/2006, 19:47

antes que nada checa tu código, ya que tal y como muestras tu css aquí en el foro, así como revisandolo en tu misma página, tienes un id llamado barrcentro sin embargo, en el código no aparece ningun objeto con el id barrcentro, pero sí barracentro.

Ahora, ten cuidado al corregir este error, ya que al hacerlo, se te mueve el diseño, quedando la info de bio abajo de la imágen (por esto llego a creer que el error en el id, es intencional.

Como sea, lo único que tienes que hacer para ingresar más texto debajo de tu foto, es crear un div en tu div barracentro, inmediatamente después del div#foto

#3 (**permalink**) 16/03/2006, 06:59

pues si, ese era el error, ahora la bio se me ha movido y se me ha puesto debajo...

Puede ser el ancho el que causa que se ponga debajo.

saludos

#4 (**permalink**) 16/03/2006, 07:01

vale tenia que poner la bio con float: right

ahora ya esta mas o menos todo preparado mil gracias.

saludos