[Ovillo] [OVILLO] Problema con el posicionamiento de los DIVs
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
---
http://aitiba.net";><
img src="img/logo3.jpg" title="Hasiera orria"
alt="Hasiera orria" class="logo"/>
Behe_erdia
notizia1resumen1 resumen1 resumen1 resumen1 resumen1 resum
<
p onclick="fontsize('100%')" class="par"
>+++
---
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: #00;
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: #FF;
}
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
[Ovillo] problema con el posicionamiento de los DIVs
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
---
http://aitiba.net";>
Behe_erdia
notizia1resumen1 resumen1 resumen1 resumen1
resumen1
resum
+++
---
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: #00;
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: #FF;
}
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
