Foros del Web » Creando para Internet » CSS »

No se me colocan unos div's

Estas en el tema de No se me colocan unos div's en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/03/2006, 18:54
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
No se me colocan unos div's

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
  #2 (permalink)  
Antiguo 15/03/2006, 19:47
 
Fecha de Ingreso: mayo-2003
Mensajes: 40
Antigüedad: 14 años, 7 meses
Puntos: 1
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
__________________
| Smoke citizen
  #3 (permalink)  
Antiguo 16/03/2006, 06:59
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
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)  
Antiguo 16/03/2006, 07:01
MindPaniC
Invitado
 
Mensajes: n/a
Puntos:
vale tenia que poner la bio con float: right

ahora ya esta mas o menos todo preparado mil gracias.

saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:49.