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>
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;
}
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