Foros del Web » Creando para Internet » CSS »

DIV anidando a otro DIV con tamaño predefinido

Estas en el tema de DIV anidando a otro DIV con tamaño predefinido en el foro de CSS en Foros del Web. Buenas tardes, estoy intentando por todos los medios intentar hacer esto: Imagen He visto montones de ejemplos por ahi pero todos son orientados a un ...
  #1 (permalink)  
Antiguo 14/10/2009, 10:41
Avatar de Wasper  
Fecha de Ingreso: julio-2006
Ubicación: de cai, picha!!!
Mensajes: 1.030
Antigüedad: 17 años, 8 meses
Puntos: 41
DIV anidando a otro DIV con tamaño predefinido

Buenas tardes, estoy intentando por todos los medios intentar hacer esto:

Imagen

He visto montones de ejemplos por ahi pero todos son orientados a un centrado de un DIV en pantalla completa y yo necesito hacerlo como en el ejemplo.

No consigo hacerlo, no se si es que ya estoy cansado y no me sale o es que no se puede hacer.

La idea es meter en un DIV de 212x190px otro DIV mas pequeño pero que este este centrado tanto vertical como horizontalmente, que funcione en FF y en IE, no lo consigo...

Gracias maestros...

Saludos, J@se
__________________
Saludos, Jose

Paginas web y SEO
Anuncios por palabras
  #2 (permalink)  
Antiguo 14/10/2009, 11:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: DIV anidando a otro DIV con tamaño predefinido

Para lo que quieras conseguir, empieza por aquí:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>ejemplo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background-color: #999;}
.contenedor {background-color: #fff;
width: 212px;
padding: 6px;
float: left;
}
.caja {width: 212px; height: 190px;
background-color: #0f0;
}
#corte {clear: left;margin-top: 20px;}
</style>
</head>
<body>
<div class="contenedor">
<div class="caja"></div>
</div>
<div class="contenedor">
<div class="caja"></div>
</div>
<div class="contenedor">
<div class="caja"></div>
</div>
<div class="contenedor" id="corte">
<div class="caja"></div>
</div>
</body>
</html>
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 14/10/2009, 13:33
Avatar de Wasper  
Fecha de Ingreso: julio-2006
Ubicación: de cai, picha!!!
Mensajes: 1.030
Antigüedad: 17 años, 8 meses
Puntos: 41
De acuerdo Respuesta: DIV anidando a otro DIV con tamaño predefinido

Muchisimas gracias, me ha servido mucho, estaba liadisimo intentando arreglar unas cajas, que se me olvido pensar que a veces es mejor hacerlas de nuevo desde cero para evitar errores tontos...

Por cierto, ¿hay que tener cuidado a la hora de usar padding para IE y FF?

De nuevo gracias Mikmoro
__________________
Saludos, Jose

Paginas web y SEO
Anuncios por palabras
  #4 (permalink)  
Antiguo 14/10/2009, 16:00
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: DIV anidando a otro DIV con tamaño predefinido

Cita:
Iniciado por Wasper Ver Mensaje
Por cierto, ¿hay que tener cuidado a la hora de usar padding para IE y FF?
Pues no recuerdo, la verdad, diría que nada en especial. Bueno. quizá sólo el modelo de caja de uno y otro navegador, en el que en uno se sumará el al tamaño de la caja (firefox) y en el otro lo incluirá en el tamaño total.
Busca por "modelo de caja" y verás cosas interesantes al respecto.
__________________
Visita mi nueva web idplus.org
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 20:02.