Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/03/2010, 14:47
kadas99
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 9 años, 1 mes
Puntos: 4
Respuesta: maquetar web con divs background-img

Hola, hice lo que me decis y me esta llendo mejor, solo tengo 1 problema pero es porq estoy nuevito en esto del css.....


mi codigo es este:

Código:
<body>
<div class="left">
<div class="arribaleft">
asd
</div>
<div class="abajoleft">
</div>
</div>
</div>
<div class="center">
<div class="centerarriba">
</div>
<div class="centerabajo">
</div>
</div>
<div class="right">
<div class="rightarriba">
</div>
<div class="rightabajo">
</div>
</div>
</body>
Mi Css es este:
Código:
@charset "utf-8";
/* CSS Document */

.left{
float:left;
}

.arribaleft{
background-image:url(principal/jeneski_01.png);
width:321px;
height:204px;

}

.abajoleft{
background-image:url(principal/jeneski_05.gif);
width:321px;
height:396px;
}

.center{
float:left;
}

.centerarriba{
background-image:url(principal/jeneski_04.gif);
width:123px;
height:413px;
}

.centerabajo{
background-image:url(principal/jeneski_02.gif);
width:479px;
height:187px;
}

.right{
float:left;
}

.rightarriba{
background-image:url(principal/jeneski_03.gif);
width:356px;
height:68px;
}

.rightabajo{
background-image:url(principal/jeneski_06.gif);
width:356px;
height:345px;
}

y obtengo esto:






pero si modifico y pongo de esta forma
codigo

Código:
<body>
<div class="left">
<div class="arribaleft">
asd
</div>
<div class="abajoleft">
</div>
</div>
</div>
<div class="center">
<div class="centerarriba">
</div>
<div class="centerabajo">
</div>
<div class="rightarriba">
</div>
<div class="rightabajo">

</div>


</div>
</body>

me da como resultado esto.




no se si deberia ponerlos como flotantes o que.... en verdad me perdi :P igualmente el mensaje anterior fue de mucha ayuda, para saber como se maquetan este tipo de cosas.

Si alguien me podria orientar le estaria muy agradecido.!
Un abrazo