Foros del Web » Creando para Internet » CSS »

Ayuda con div corrida

Estas en el tema de Ayuda con div corrida en el foro de CSS en Foros del Web. Aunque parece mucho, entiendanme que no lo es Andaba todo bien, hasta que nosé que hize y se me desacomodó todo :S y quedo algo ...
  #1 (permalink)  
Antiguo 16/02/2011, 13:49
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 8 años, 5 meses
Puntos: 5
Ayuda con div corrida

Aunque parece mucho, entiendanme que no lo es
Andaba todo bien, hasta que nosé que hize y se me desacomodó todo :S y quedo algo asi:(intente arreglarlo pero ¬¬)

http://img218.imageshack.us/i/97493930.jpg/

y deseo esto:

http://img810.imageshack.us/i/84642644.jpg/




Código HTML:
<div id="contenedormuestra">
  <div id="header">Colocar aquí el contenido para  id "header"</div>
  <div id="oestemuestra">
    <div id="pub">Colocar aquí el contenido para  id "pub"</div>
    <div id="muestrabackground">
      <div id="muestrafoto">
</div>
      <div id="muestrainformacion">
</div>
    <div id="muestradescripcion">
</div>
    </div>
    <div id="comentarios">
      <div id="autorcomen"></div>
      <div id="salto"></div>
      <div id="comentario"></div>
      </div>
    </div>
  </div>
  <div id="estemuestra">
    <div id="loginbackground">
    <div id="login"><?php
</div>
    </div>
  </div>
  <div id="footer"></div>
</div> 
Código HTML:
#contenedormuestra {
	height: auto;
	width: 1024px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
#header {
	width: 1024px;
	height: 200px;
	background-color: #666666;
}
#oestemuestra {
	width: 800px;
	float: left;
	height: auto;
}
#pub {
	width: 800px;
	clear: both;
	height: 100px;
}
#muestrabackground {
	height: auto;
	width: auto;
}
#muestrafoto {
	float: left;
	height: auto;
	width: 780;
	margin-left: 10px;
}
#muestrainformacion {
	float: left;
	clear: both;
	height: auto;
	width: 780;
	margin-left: 10px;
}
#comentarios {
	width: 800px;
	height: auto;
	clear: both;
	text-align: left;
}
#estemuestra {
	float: right;
	height: auto;
	width: 224px;
}
#loginbackground {
	width: 224px;
	height: 300px;
	background-image: url(Images/bgloginindex.gif);
	background-repeat: no-repeat;
	position: relative;
}
#login {
	position:absolute;
	left:23px;
	top:24px;
	width:180px;
	height:253px;
	z-index:1;
}
#footer {
	height: 100px;
	width: 1024px;
	background-color: #FFFFFF;
	clear: both;
}
Lo que quiero es que "estemuestra" "loginbackground" y "login" que es la parte derecha de la pagina, esten en la parte superior, y no que esten corridas ahi abajo, hace como 3 horas que estoy y no le encuentro la vuelta

Alguna ayuda?

AGRADESCOOOOOOO
  #2 (permalink)  
Antiguo 16/02/2011, 15:42
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Ayuda con div corrida

Prueba con este otro código.
Parece que cerraste un contenedor div en el sitio equivocado.
Código HTML:
Ver original
  1. <div id="contenedormuestra">
  2.   <div id="header">Colocar aquí el contenido para  id "header"</div>
  3.   <div id="oestemuestra">
  4.       <div id="pub">Colocar aquí el contenido para  id "pub"</div>
  5.       <div id="muestrabackground">
  6.       <div id="muestrafoto">
  7.   </div>
  8.   <div id="muestrainformacion">
  9.   </div>
  10.   <div id="muestradescripcion">
  11.   </div>
  12.   </div>
  13.     <div id="comentarios">
  14.       <div id="autorcomen"></div>
  15.       <div id="salto"></div>
  16.       <div id="comentario"></div>
  17.     </div>
  18.   </div>
  19.   <div id="estemuestra">
  20.     <div id="loginbackground">
  21.       <div id="login">
  22.       </div>
  23.     </div>
  24.   </div>
  25.   <div id="footer"></div>
  26. </div>
  #3 (permalink)  
Antiguo 16/02/2011, 18:35
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Ayuda con div corrida

MUCHAS GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSS♥♥ xDDDD k++

Etiquetas: Ninguno
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 01:49.