Div central ELÁSTICO

Citar

Escrito el 09 May 2011 11:25 am

Buenas a todos.

Últimamente ando foreando mucho por unas dudas existenciales que me inundan.

Esto es sencillo, sólo que no le doy en el clavo.

Creé un DIV grande que tiene medidas en "auto" para que se reajuste a la pantalla.
Dentro, cree otro div con medidas 100x200 y float left, para que se vaya a la izquierda.
También cree otro div con medidas 300x200 y float right, para que siempre esté a la izquierda.

El problema está en el central.

El central debe reajustarse, ser automatico de medidas, pero no, no aparece, aunque le ponga "left" o "rigth" el bendito div no aparece.

¿Estoy omitiendo algún paso?

Por DMVA

Claber

101 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Desarrollador Multimedia

Citar

Escrito el 09 May 2011 12:25 pm

Esto ya fue respondido:
http://foros.cristalab.com/problema-con-divs-centrales.-t97421/

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 09 May 2011 01:58 pm

Tienes un problema claro que es el ponerle al contenedor de esos dos div un ancho en auto,deberías poner ese ancho en porcentaje 90% por ejemplo, y para centrarlo le colocas el margen a la derecha y a la izquierda en auto.

De esta forma ese div de ajustara al contenido cuando se reduzca el tamaño de la ventana del navegador.

te dejare un pequeño ejemplo de código que te hice rápidamente.

utiliza este código css en tu head o en tu hoja de estilo

Código HTML :

   width: 90%;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
}

.contenedor .left {
   background-color: #930;
   height: 200px;
   width: 100px;
   float: left;
}
.contenedor .right {
   background-color: #930;
   float: right;
   height: 200px;
   width: 300px;
}

Inserta este código html en dentro de las estiquetas <body></body>

Código HTML :

<div class="contenedor">
       <div class="left">
            <p>/Esta será la columna de la izquierda.</p>
       </div><!--final div left-->
        
       <div class="right"><!--final div .right-->
            <p>/Esta será la columna de la Derecha.</p>
       </div><!--final div right-->
        
  </div><!--final div contenedor-->

es simple, si solo quieres arreglar lo que ya tenias hecho, solo agrégale al div que le haz puesto un ancho en auto, agrégale un ancho en porcentaje y de esa forma se debe ser elástico

Por jordano_p

Claber

872 de clabLevel

10 tutoriales

Envíale un mensaje privado Web

Front-End Developer

@Jordano_p

Div central ELÁSTICO

utiliza este código css en tu head o en tu hoja de estilo

Inserta este código html en dentro de las estiquetas <body></body>

Escribe una respuesta rapida