Foros del Web - Ver Mensaje Individual

flashmax · #11 (**permalink**) 22/08/2012, 11:20

Cita:

Iniciado por ananda

Lo tengo en localhost, te pongo los códigos.

html

Código PHP:

   
 
 
<body> 
     
         
     
 
 
 
<div id="menu" class="menu" > 
 
</div> 
 
<div id="marco"> 
    <div id="nombre"> 
        </div> 
                 
<div id="cartelmax" class="nomax" > 
 
</div> 
 
<div id="cuadromuro"> 
     
 <div id="todo"> 
    <div id="visitas" class="visitas">  
         
    </div> 
    <div id="muro"> 
       
    <div id="cajon"> 
        <div id="cartelito"> 
          
        </div> 
          
       </div> 
       
    <div id="loading"><img src="loading.gif" /></div> 
     
     
     
    <div id="wall"></div> 
    </div> 
 </div> 
 
         
                <div class="changediv" id="changediv"> 
     
</div> 
         
<div id="fotoperfil" class="fotoperfil" > 
     
 
     
 <div class="imageRow"> 
   
 </div> 
    </div> 
 
 
 
   
   
   
      
               
<div class="caja"> 
     
    <div id="edicion" class="edicion">  
    </div> 
     
    <div class="formulario">  
         
 
    </div> 
    <div class="formu" >  
  
  
    </div> 
</div> 
</div> 
    </body> 
     
</html>

Lo explico un poco: El div marco es un cuadro en el que se deben situar correctamente los divs : todo, fotoperfil y caja. Y lo que pasa es que el div todo contiene una especie de comentarios y al hacerse grande, el div fotoperfil y caja bajan para abajo o suben para arriba. Lo que quiero es que todos esos divs sean independientes, que no se muevan cuando el todo tiene más height. Otra cosa es que el div marco se me va hasta abajo del todo y lo que quiero es que englobe hasta el último div que haya dentro, es decir que el height y el width sean auto.

Espero haberme explicado, dejo el CSS

css

Código PHP:

  #marco { 
background-color: #EBEBEB; 
border: 3px solid #22B14C; 
padding-bottom: 50px; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
position: relative; 
left: 358px; 
top: 37px; 
z-index: 1; 
} 
 
#nombre { 
margin-left: 370px; 
margin-top: -4px; 
} 
 
#cuadromuro{ 
margin-top: -40px; 
} 
 
#todo{ 
width: 462px; 
z-index: 3; 
position: relative; 
top: 122px; 
left: 96px; 
} 
 
#cajon{ 
    background-color: white; 
    border: 3px solid #B4BBCD !important; 
    padding: 5px; 
} 
 
#wall{ 
      
     border: 3px solid #B4BBCD !important;  
    margin-top: 20px; 
    background-color: #22B14C; 
    padding-right: 5px; 
    padding-left: 5px; 
    padding-bottom: 5px; 
    height: 350px; 
    overflow:scroll; 
} 
 
.changediv{ 
background-color: #22B14C; 
border: 1px solid green; 
color: white; 
cursor: pointer; 
font-weight: bold; 
height: 30px; 
left: 690px; 
position: relative; 
text-align: center; 
top: -439px; 
width: 412px; 
} 
 
.fotoperfil{ 
background-color: white; 
border: 1px solid green; 
height: 331px; 
left: 690px; 
position: relative; 
text-align: center; 
top: -440px; 
width: 412px; 
z-index: 3; 
} 
 
 
  .caja{ 
    left: 690px; 
    position: relative; 
    top: -390px; 
    z-index: 3; 
}

Espero que podáis encontrar el error, quiero avanzar y todo el rato me choco con este problema, muchas gracias por el interés y todo ;)

Estaría bueno que subas el proyecto con las imagenes (completo) a un hosting free!