Foros del Web » Creando para Internet » CSS »

Problema de Maquetacion

Estas en el tema de Problema de Maquetacion en el foro de CSS en Foros del Web. Hola amigos espero que me puedan ayudar soy novato en CSS 1. NO puedo dubir el DIV de la derecha (amarillo) 2. NO puedo juntar ...
  #1 (permalink)  
Antiguo 09/08/2011, 17:18
Avatar de xArchangellx  
Fecha de Ingreso: octubre-2008
Ubicación: Peru
Mensajes: 207
Antigüedad: 8 años, 3 meses
Puntos: 5
Exclamación Problema de Maquetacion

Hola amigos espero que me puedan ayudar soy novato en CSS
1. NO puedo dubir el DIV de la derecha (amarillo)
2. NO puedo juntar los DIV de arriba (verde)

Código HTML:
<body>
<div id="contenedor">

<div id="primero">
  <p>primero</p>
</div>

<div id="segundo">
<p>segundo</p>
</div>

<div id="izquierda1">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

<div id="izquierda2">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

<div id="derecha">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

</div><!--fin contenedor-->
</body> 
y mi CSS es

Código:
#contenedor {
background:#CCCCCC;
width: 700px;
height: 1200px;
margin: 0 auto;
}

#primero {
width: 700px;
height: 100px;
background:#00FF00
/*float:left;*/
}

#segundo {
width: 700px;
height: 100px;
background:#00FF00;
}

#izquierda1 {
	width: 490px;
	background:#0000FF;
	float:left;
}

#izquierda2 {
	width: 490px;
	background:#FF00FF;
	float:left;
}

div#derecha {
	width: 200px;
	height: 400px;
	background:#FFFF00;
	float:right;
}
este es mi error


Lo que necesito es que el DIV (amarillo) pueda subir
y los DIVs verdes se junten
Ayuda porfa
  #2 (permalink)  
Antiguo 09/08/2011, 17:32
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.591
Antigüedad: 8 años, 10 meses
Puntos: 903
Respuesta: Problema de Maquetacion

para los div verdes necesitas un reset CSS y en lugar de dar margen entre los elementos <p> aplica un padding interno

algo burdo, rápido y funcional para ejemplo es aplicar al inicio de tu css
Código CSS:
Ver original
  1. *{margin:0;padding:0;}
  2. p{padding:8px 0;}
la primera linea es un reset hecho a las carreras busca algún otro en san google mas completo

para la barra amarilla derecha solo coloca el código antes que el de la izquierda algo como

Código HTML:
Ver original
  1. <div id="derecha">
  2. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  3. </div>
  4.  
  5. <div id="izquierda1">
  6. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  7. </div>
  8.  
  9. <div id="izquierda2">
  10. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  11. </div>

y listo eso fue todo ñ.ñ
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 09/08/2011, 17:41
Avatar de xArchangellx  
Fecha de Ingreso: octubre-2008
Ubicación: Peru
Mensajes: 207
Antigüedad: 8 años, 3 meses
Puntos: 5
Respuesta: Problema de Maquetacion

Gracias ya me funciono, era muy sencillo

Etiquetas: maquetacion, fondo
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 10:58.