ahi va el codigo:
html{
}
body {
padding: 0;
font: 100%/1.6 arial, verdana, helvetica, geneva, sans-serif;
background: #ffffff;
background-image: url(../images/g5.png);
}
img {
border: none;
}
.no-marco {
border: none;
}
.invisible {
display: none;
visibility: hidden;
}
a {}
a:link{
font-style: normal;
text-decoration: underline;
}
a:visited {
color: #0066ff;
}
a:hover, a:active
{
text-decoration: none;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #E48170;
}
/* clases utilizadas para el estilo específicamente */
.invisible {
display: none;
}
.subrayado {
text-decoration: underline;
}
.error {
color: rgb(153,0,51);
font-weight: bold;
}
.navegacion-secundaria {
visibility: hidden;
display: none;
}
dt {
font-weight: bold;
}
/* ---------------------------------- cabeceras / headers
---------------------------------------------- */
#cabecera {
}
.cabecera-head-l {}
.cabecera-head-r {}
.cabecera-body {}
h1 {
margin: 0;
float: left;
position: relative;
top: 0.5em;
color: #041d6f;
background: #fff;
font-weight: bolder;
}
a img{
margin-top: -12px;
}
h1 a {
border: none;
}
h2,
h3,
#menu-opciones,
#menu-herramientas {
font-family:Georgia, "Times New Roman", Times, serif;
}
/* el texto de la cabecera */
h1 span.fundamentos {
width: 8em;
color: #000000;
font-size: 70%;
font-weight: bold;
position: absolute;
top: 3em;
line-height: 1em;
text-decoration: none;
height: 3em;
}
h1 span.fundamentos:first-letter {
/*
font-size:250%;
display: block;
float: left;
margin-top: 0;*/
}
.fundamentos span
{
font-size: 2.8em;
color: #07395F;
position: absolute;
left: 0.05em;
top: -0.8em;
line-height: 3em;
}
.fundamentos .edicion {
position: absolute;
left: 1.5em;
top: 0.1em;
font-size: 1.4em;
width: 1em;
height: 1em;
line-height: 1.75;
color: #0066FF;
}
.edicion {
position: absolute;
left: 1.5em;
top: 0.1em;
font-size: 1.4em;
width: 1em;
height: 1em;
line-height: 1.75;
color: #0066FF;
}
.cuando, .donde {
}
#cabecera p {
/*
position: absolute;
text-align: center;
clear:left;
float:left;
font-size: 110%;
line-height: 1em;
font-family: Georgia, "Times New Roman", Times, serif;
left: 308px;
margin-top: 7em;
letter-spacing: -0.01em;
word-spacing: -0.2em;*/
PADDING-RIGHT: 0px;
PADDING-LEFT: 1em;
PADDING-BOTTOM: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
PADDING-TOP: 3.8em
}
#cabecera p.lema {
clear: none;
left: 305px;
top: 100px;
font-size: 95%;
word-spacing: -0.1em;
font-style: italic;
font-weight: bolder;
}
*
/* ----------------- el título de las secciones (h2)
------------------------ */
/*
se incluyen divs específicamente para poder aplicar estilos especiales a los
títulos de las secciones
*/
#titulo-seccion {
position: relative;
top: -40px;
left: -20 px;
clear: both;
padding: 0 0 0 0;
z-index:3;
}
/* ie 6 */
* html #titulo-seccion {
min-height: 2em;
}
#titulo-seccion .titulo-seccion-head-r {
}
#titulo-seccion .titulo-seccion-head-l {
}
#titulo-seccion .titulo-seccion-body {
padding: 0;
min-height: 1.5em;
text-align: left;
}
#titulo-seccion h2 {
margin-top: 66px;;
padding:0;
margin-left: -94px;
text-align: center;
}
h2 {
clear: both;
color: #000;
width: 13em;
min-width: 13em;
max-width: 13em;
min-height: 50px;
padding: 0px;
margin: 0;
line-height: 1em;
}
h2 a,
h2 a:link,
h2 a:visited {
color: #2e2e2e;
border: none;
}
h2 a:hover,
h2 a:active {
color: #000;
}
/* para que se vea igual en el ie6 */
* html h2 {
line-height: 1em;
height: 1em;
padding: 0;
vertical-align: middle;
font-size: 150%;
}
* html #titulo-seccion .titulo-seccion-body {
padding: 0 0 1em 0;
margin: 0;
}
/* ---------------------------------- menú de herramientas
----------------------------- */
.titulo-menu {
display: none;
visibility: hidden;
}
#menu-herramientas ul {
display: block;
color: rgb(0,14,0);
position: absolute;
top: 0;
left: 0;
z-index: 6;
margin: 0 0 0 0;
line-height: 1.5em;
height: 1.5em;
padding: 0;
border-bottom: none;
font-size: 80%;
text-align: right;
}
#menu-herramientas .menu-herramientas-head-l {
}
#menu-herramientas .menu-herramientas-head-r {
}
#menu-herramientas .menu-herramientas-body {
}
#menu-herramientas ul li {
line-height: 1.5em;
height: 1.5em;
min-height: 15px;
list-style: none;
font-weight: bolder;
display: inline;
}
#menu-herramientas ul li.selector-idioma {
float: right;
margin-right: 0.5em;
}
#menu-herramientas ul li.selector-idioma a:link,
#menu-herramientas ul li.selector-idioma a:visited {
color: rgb(0,14,0);
}
#menu-herramientas ul li a,
#menu-herramientas ul li a:link,
#menu-herramientas ul li a:visited{
color: rgb(0,14,0);
text-decoration: none;
border: none;
padding: 0 0.5em;
line-height: 1.5em;
height: 1.5em;
margin: 0;
}
#menu-herramientas ul li a:hover,
#menu-herramientas ul li a:active,
#menu-herramientas ul li.selector-idioma a:hover,
#menu-herramientas ul li.selector-idioma a:active {
color: #ccc;
}
#herramientas li.linkActivo {
padding: 0 0.5em;
line-height: 1.5em;
height: 1.5em;
margin: 0;
}
#menu-herramientas ul li img {
vertical-align: bottom;
padding-bottom: 2px;
}
/* el enlace a la portada */
#herramientas-portada {
color: rgb(0,14,0);
font-weight: bold;
}
/* ---------------------------------- menú de opciones
----------------------------- */
#menu-opciones {
margin-top: 14px;
padding: 0px;
position: relative;
clear: both;
width: 197px;
height:340px;
}
#menu-opciones .menu-opciones-head-l {
}
#menu-opciones .menu-opciones-head-r {
}
#menu-opciones .menu-opciones-body {
}
#menu-opciones ul {
}
#menu-opciones ul li {
display: block;
float: left;
width: 6em;
margin: 0;
text-align: center;
padding: 0;
background-image: url(../images/MO5.png);
border: 1px #1a69c9 solid;
}
#menu-opciones ul li span {
display: block;
}
/* ie6 */
* html #menu-opciones ul {
/* width: 18em;*/
/* margin-right: 0;*/
}
* html #menu-opciones ul li {
/* width: 8.7em;*/
}
* html #menu-opciones ul li span {
/* width: 8.7em;*/
}
#menu-opciones ul li a {
display: block;
border: none;
color:red;
font-family:Georgia, "Times New Roman", Times, serif;
width: bold;
}
#menu-opciones ul a:hover,
#menu-opciones ul a:active {
/* color: #a6a5a4;*/
text-decoration: none;
}
#menu-opciones ul li.impar a:hover,
#menu-opciones ul li.impar a:active {
/* color: #a6a5a4;*/
text-decoration: none;
}
.linkActivo {
color: #fff;
}
#menu-opciones ul li.linkActivo {
display: block;
border: none;
min-height: 48px;
}
#menu-opciones ul li.impar {
display: block;
float: left;
width: 6em;
margin: 0;
text-align: center;
padding: 0;
}
#contenido {
position: relative;
float: right;
right: 22%;
clear: left;
margin 0;
z-index: 1;
padding: 0 0 0 0;
top: -370px;
width: 600px;
}
/* para el ie6 */
* html #contenido {
right: 20%;
}
#contenido .contenido-head-r {
}
#contenido .contenido-head-l {
}
#contenido .contenido-body {
margin: 0em 1em 0 1em;
}
/* ------------------------------- patrocinadores / sponsorship
------------------------------------- */
.patrocinadores-head-l {}
.patrocinadores-head-r {}
.patrocinadores-body {}
.patrocinadores {
position: absolute;
float: right;
right: 0;
top: 300px;
width: 20%;
min-width: 200px;
max-width: 20%;
z-index: 0;
padding: 0;
margin: 0;
text-align: center;
}
.patrocinadores dl,
.patrocinadores dt,
.patrocinadores dd {
margin: 0;
}
.patrocinadores li {
display: block;
list-style: none;
}
.patrocinadores ul {
padding: 0;
margin: 0;
}
.patrocinadores a {
border: none;
}
/* los logos de los patrocinadores */
.patrocinadores img {
border: 1px #ccccccc solid;
margin-top: 1px;
}
.patrocinadores img:hover {
border: 1px #999999 solid;
}
/* -------------------------------------- pie / foot
-------------------------------------------------- */
#pie {
clear: both;
float: right;
width: 100%;
margin: 0.4em 0 1em 0;
font-family: font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
#pie hr {
display: none;
visibility: hidden;
}
#pie p {
min-height: 40px;
font-size: 60%;
}
.logos {
float: left;
margin: 0 2em;
height:32px;
min-height:32px;
max-height:32px;
line-height:32px;
width:176px;
padding: 0;
position: relative;
}
.logos a {
border: none;
padding: 0;
display: block;
width:88px;
}
a#css-valido {
background: transparent url(http://www.w3.org/icons/valid-css2-blue.png) top
left no-repeat;
width:88px;
text-indent: -1000px;
position: absolute;
top: 0;
left: 0;
font-size: 0;
}
a#xhtml-valido,
a#xhtml-10-valido {
background: transparent url(http://www.w3.org/icons/valid-xhtml11-blue.png)
top left no-repeat;
text-indent: -1000px;
position: absolute;
top: 0;
left: 88px;
font-size: 0;
}
a#xhtml-10-valido {
background: transparent url(http://www.w3.org/icons/valid-xhtml10-blue.png)
top left no-repeat;
}
/* ----------------------------- elementos del contenido / content items
-------------------------------- */
.item {
margin: 0px 0px 0px 4px;
padding: 0px;
position: relative;
width: 556px;
height: 524px;
float: left;
}
* html .item {
margin-bottom: 2em;
}
.item h3 {
background: #46aaf1;
color: #202020;
padding: 0em 1em;
font-weight: bolder;
text-align: center;
border: 5px #e4e4e4 solid;
margin: 0;
}
/* elementos más pequeños / smaller items */
.item-mini {
background: #f2f2f2;
color: #535353;
padding: 1%;
float: left;
width: 45%;
min-width: 15em;
margin: 1%;
font-size: 85%;
line-height: 1.3em;
clear: left;
}
.item-mini dl,
.item-mini p {
padding-left: 1em;
}
* html .item-mini {
width: 44%;
margin-top: 1em;
}
.item-mini h3 {
background: #fff;
color: #000;
padding: 0em 1em;
font-weight: bolder;
text-align: center;
border: none;
margin: 0;
}
.par {
margin-left: 3%;
clear: none;
}
/* el primer elemento publicado en el contenido / the first published
element within the content */
.first {
}
.item p,
.item-mini p {
text-align: justify;
line-height: 1.2em;
}
.item-mini p {
font-size: 80%;
}
.item a.logo {
border: none;
float: right;
margin: 0 0 0 0.5em;
}
El día 12/05/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]> escribió:
>
> Bueno, ponme también el html para saber la estructura, a lo mejor es otra
> cosa, por otro lado he visto que tienes esto:
>
> #pie p {
> min-height: 40px;
> font-size: 60%;
> }
>
> Ten en cuenta que IE no interpreta el min-height, con lo que ya estás
> aumentando la casuística del problema, pon todo el codigo o un enlace al
> problema para que lo veamos mejor, seguro que no es para tanto...
>
> El día 12/05/07, Edita Hovhannisyan <[EMAIL PROTECTED]> escribió:
> >
> > Sigo con el mismmo problem, de todas formas gracias Juan
> >
> > El día 12/05/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]> escribió:
> > >
> > > Pues si no te funciona es porque has redefinido esos estilos mas
> tardes,
> > > el
> > > problema es de aquí:
> > > #pie {
> > >
> > > clear: both;
> > > float: right;
> > > width: 100%;
> > > margin: 1em 0 1em 0;
> > > font-family: font-family: Georgia, "Times New Roman", Times,
> serif;
> > > margin-top: 0.4em;
> > > text-decoration: none;
> > > }
> > >
> > > Has puesto margin: 1em 0 1em 0; que es como si pusieras
> > > margin-top:1em;margin-right:0;margin-bottom:1em; y margin-left:0;
> aunque
> > > has
> > > vuelto a redefinir el top mas tarde, yo borraria la linea margin-top:
> > 0.4emy
> > > pondría margin:0.4em 0 0 0; en lugar de margin: 1em 0 1em 0;
> > >
> > > El día 12/05/07, Edita Hovhannisyan <[EMAIL PROTECTED]> escribió:
> > > >
> > > > hola,
> > > >
> > > > ya puse
> > > > *{margin:0;padding:0;}
> > > > **{margin:0;padding:0;}
> > > > ***{margin:0;padding:0;}
> > > >
> > > > y nada :(
> > > >
> > > > Y tengo un par te cosas con posición absoluta.
> > > >
> > > > pego algo de codigo:
> > > > body {
> > > >
> > > > padding: 0;
> > > > font: 100%/1.6 arial, verdana, helvetica, geneva, sans-serif;
> > > > background: #ffffff;
> > > > background-image: url(../images/g5.png);
> > > >
> > > > }
> > > >
> > > > y pego tambien el de pie de págin, ya que es este el que queda muy
> > > abajo:
> > > > #pie {
> > > >
> > > > clear: both;
> > > > float: right;
> > > > width: 100%;
> > > > margin: 1em 0 1em 0;
> > > > font-family: font-family: Georgia, "Times New Roman", Times,
> > serif;
> > > > margin-top: 0.4em;
> > > > text-decoration: none;
> > > > }
> > > > #pie hr {
> > > > display: none;
> > > > visibility: hidden;
> > > > }
> > > >
> > > > #pie p {
> > > > min-height: 40px;
> > > > font-size: 60%;
> > > > }
> > > >
> > > > .logos {
> > > > float: left;
> > > > margin: 0 2em;
> > > > height:32px;
> > > > min-height:32px;
> > > > max-height:32px;
> > > > line-height:32px;
> > > > width:176px;
> > > > padding: 0;
> > > > position: relative;
> > > > }
> > > >
> > > > .logos a {
> > > > border: none;
> > > > padding: 0;
> > > > display: block;
> > > > width:88px;
> > > > }
> > > >
> > > > gracias.
> > > >
> > > >
> > > > El día 11/05/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]>
> > escribió:
> > > > >
> > > > > Por lo que comentas tiene pinta de una cosa, has usado posición
> > > absoluta
> > > > > para situar algo en la pantalla, en plan "bottom:0;" (es uno de
> los
> > > > casos
> > > > > en los que me ha pasado eso mismo)
> > > > > Tanto en este caso como si llevas un flujo de datos normal, prueba
> a
> > > > poner
> > > > > esto al principuio de tu css:
> > > > > *{margin:0;padding:0;}
> > > > > **{margin:0;padding:0;}
> > > > > ***{margin:0;padding:0;}
> > > > > Pongo 3 niveles de selección porque he notado diferencias entres
> FF
> > e
> > > IE
> > > > > en
> > > > > eso también, así te aseguras.
> > > > > Prueba y nos dices.
> > > > >
> > > > > El día 11/05/07, Karen_WmBeta <[EMAIL PROTECTED]> escribió:
> > > > > >
> > > > > > Hola Edita,
> > > > > >
> > > > > > ¿esto te sucede después de ejecutar algún artilugio tipo
> > "lightbox",
> > > o
> > > > > > desde
> > > > > > el inicio al cargar tu página?
> > > > > >
> > > > > > de cualquier forma, lo mejor sería que pegaras un trozo de tu
> > código
> > > > > para
> > > > > > ver dónde esta el problema...
> > > > > >
> > > > > > Saludos!
> > > > > >
> > > > > >
> > > > > >
> > > > > > El día 11/05/07, Edita Hovhannisyan escribió:
> > > > > > >
> > > > > > > Hola listeros,
> > > > > > >
> > > > > > > el problema que tengo esque aunque termina el contenido de la
> > > > pagina,
> > > > > la
> > > > > > > pagina no da terminado, sigue hacia abajo. En firfox no, pero
> en
> > > > > > explorer
> > > > > > > si.
> > > > > > >
> > > > > > > espero haberme explicado
> > > > > > >
> > > > > > > Saludos a [EMAIL PROTECTED]
> > > > > > >
> > > > > > > --
> > > > > > > _______________________
> > > > > > >
> > > > > > > Edita
> > > > > > > www.editochka.spaces.live.com
> > > > > > > _______________________________________________
> > > > > > > Lista de distribución Ovillo
> > > > > > > Para escribir a la lista, envia un correo a
> > > [email protected]
> > > > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > > > dirección:
> > > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > > > >
> > > > > > _______________________________________________
> > > > > > Lista de distribución Ovillo
> > > > > > Para escribir a la lista, envia un correo a
> > [email protected]
> > > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > > dirección:
> > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > > >
> > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Juan Jorge Muñoz Herrero
> > > > > http://www.taarq.com
> > > > > (0034) 635 10 7142
> > > > > _______________________________________________
> > > > > Lista de distribución Ovillo
> > > > > Para escribir a la lista, envia un correo a
> [email protected]
> > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > >
> > > >
> > > >
> > > > --
> > > > _______________________
> > > >
> > > > Edita
> > > > _______________________________________________
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a [email protected]
> > > > Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > >
> > >
> > >
> > > --
> > > Juan Jorge Muñoz Herrero
> > > http://www.taarq.com
> > > (0034) 635 10 7142
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a [email protected]
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > _______________________
> >
> > Edita
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Juan Jorge Muñoz Herrero
> http://www.taarq.com
> (0034) 635 10 7142
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
_______________________
Edita
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
