Buenas,
Siguo dando pasitos hacia la maquetacion de mi propio blog pero con
las CSS me estoy volviendo loco. Os cuento:
Tenia un diseño donde los div tenian posicion absoluta. Al estar
asi al div contenedor le tenia que poner el height y el witdh en pixeles
pero como prefiero que esten % pense que la mejor manera seria ponerlos
todos con posicion relativa. Los cambie y algunos divs se solapan y otros
aparecen uno debajo del otro. Tambien probe sin ponerles ninguna posicion y
aparecen igual de mal. Os dejo el HTML y el CSS para ver si me podeis echar
un cable.
HTML
-------------------
<body>
<div class=
"nagusi" id="orokor">
<div class=
"buru">
<div id="map" class=
"mapa">
<a href="http://aitiba.net";><
img src="img/logo3.jpg" title="Hasiera orria"
alt="Hasiera orria" class="logo"/></
a>
</div>
<div id="imagina"
class="imagina">
<img src=
"img/haika_logo.jpg" title="debianen logoa" class="imagin"
alt="debianen logoa" />
</div>
</
div>
<div class="gorputz">
<div
class="behe_erdia">
<p>Behe_erdia</p>
</
div>
<div class="behe_eskubi">
<h3>notizia1</
h3><p>resumen1 resumen1 resumen1 resumen1 resumen1 resum</p>
<div>
<
p onclick="fontsize('100%')" class="par"
>+++</p>
</div>
<div>
<p
onclick="fontsize('90%')" class="par">---</p>
</div>
</div>
</div>
<div
class="behe">
</div>
</div>
</
body>
CSS (los divs estan sin ninguna posicion
-------------
body{
text-align: center;
margin:10px 0 0 0;
background-color: #ccc;
padding:0;
}
.nagusi{
margin:0;
padding:10px 0 0 10px;
width: 94%;
height:100%;
margin: 0 auto;
background-color: #fff;
border:2px solid black;
font-size: 90%;
}
.buru{
height: 120px;
padding:0;
}
.mapa{
width: 750px;
height: 120px;
}
.imagina{
border:2px dotted black;
width:200px;
height:120px;
}
.logo{
width:680px;
height:120px;
}
.imagin{
width:200px;
height:120px;
}
.gorputz{
padding: 0;
}
.eskubi{
float: right;
width: 465px;
}
.ezker{
float: left;
width: 215px;
margin: 11px 0 10px 0;
}
.infoa{
margin: 10px 20px 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
width: 190px;
text-align: right;
}
.par {
font-size: 90%;
}
.garbitu{
clear:both;
}
.behe_erdia{
margin:0 0 0 -6px;
height: 445px;
width: 673px;
border:1px solid black;
}
.behe_eskubi{
margin:0;
padding:0;
height: 445px;
width: 210px;
border:1px solid black;
}
.behe{
margin: 0 0 0 20px;
border:1px solid yellow;
height:20px;
width:900px;
}
.behe_textu{
text-align: right;
margin: 0 30px 0 0;
padding: 22px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}
Gracias. Un saludo. aitiba
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
