Foros del Web » Creando para Internet » CSS »

Problema la maquetar con div

Estas en el tema de Problema la maquetar con div en el foro de CSS en Foros del Web. Bueno tengo un div en la izquierda que tiene que medir 200px y el resto de la pagina tiene que ser otro div que depende ...
  #1 (permalink)  
Antiguo 04/02/2010, 12:33
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 8 años, 2 meses
Puntos: 22
Problema la maquetar con div

Bueno tengo un div en la izquierda que tiene que medir 200px y el resto de la pagina tiene que ser otro div que depende de lo grande que tenga cada uno su pantalla pues asi sea..
tengo esto
Código HTML:
Ver original
  1. <style type="text/css">
  2. <!--
  3. .ddiv {
  4.     width: 200px;
  5.     border: 1px dotted #000000;
  6.     z-index: 1;
  7. }
  8. .ddiv2 {
  9.     border: 1px dotted #000000;
  10. }
  11. -->
  12.  
  13. <div class="ddiv" style="float:left">
  14.   <p>&nbsp;</p>
  15.   <p>eeeeeeeeeeeeeeee</p>
  16. <br />
  17. <br />
  18.  
  19. </div><div class="ddiv2">
  20.   <p>dddddddddddddd</p>
  21.   <p>&nbsp;</p>
  22.   </div>
Pero se mete un div dentro de otro :S
  #2 (permalink)  
Antiguo 04/02/2010, 16:21
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 7 años, 11 meses
Puntos: 45
Respuesta: Problema la maquetar con div

Buenas,

al aplicar la propiedad float a uno de los div lo sacas del flujo normal del documento y es como si no estuviera para el resto de elementos porque no ocupa la posición que debería segun el código HTML y el siguiente elemento "invade" su espacio. Puedes solucionarlo de varias formas: flotar los dos elementos o aplicar un margin left: 200px; a .ddiv2 por ejemplo.

si la clase sólo se aplica a un elemento mejor usar #id que además tiene más peso especifico a la hora de aplicar un valor si hay varios valores declarados
  #3 (permalink)  
Antiguo 04/02/2010, 17:36
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Problema la maquetar con div

Código HTML:
Ver original
  1. <style type="text/css">
  2. <!--
  3. #col-izquierda{
  4.    float: left;
  5.    width: 200px;
  6.    border: 1px dotted #000;
  7. }
  8.  
  9. #principal {
  10.    margin-left: 210px;
  11.    border: 1px dotted #000;
  12. }
  13. -->
  14. </head>
  15.  
  16. <div id="col-izquierda">
  17. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet lobortis diam tempor euismod. Pellentesque purus metus, fringilla at suscipit vel, sodales at nunc. Donec lacinia, nunc id scelerisque feugiat, est nulla suscipit orci, ut scelerisque mi dolor vel mauris. </p>
  18. </div>
  19.  
  20. <div id="principal">
  21. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet lobortis diam tempor euismod. Pellentesque purus metus, fringilla at suscipit vel, sodales at nunc. Donec lacinia, nunc id scelerisque feugiat, est nulla suscipit orci, ut scelerisque mi dolor vel mauris. </p>
  22. </div>
  23. </body>
  24. </html>

Lo que te ha dicho Tecna en código (es que estoy aburrido esta noche )
Procura no usar estilos en linea ni usar las etiquetas html para controlar la presentación.

Salud!
  #4 (permalink)  
Antiguo 04/02/2010, 18:26
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 8 años, 2 meses
Puntos: 22
Respuesta: Problema la maquetar con div

Gracias chicos

Etiquetas: maquetar
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 02:16.