Por más que lo intento no logro cortar la imagen de fondo y que de esta forma la página acabe con el pie de página. No sé a que puede deberse... supongo que el error estará en la hoja de estilos para Internet Explorer.
Alguien que me pueda ayudar... muchas gracias.
web: www.ingarana.com
Os dejo el Codigo CSS i-e:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 26px; color: rgb(153,204,0); font-weight: bold ; text-decoration: underline ;
text-align: center ; font-family: verdana}
h2 {font.size: 22px; color: gray ;text-align: justify; font-weight: bold ; font-family: verdana; padding-top: 15px}
h3 {font-size: 26px; color: gray; font-weight: bold ; text-decoration: underline ; margin-left: 190px; font-family: verdana }
h4 {font-size: 10px; color: white ; text-align: center ; font-family: verdana}
h5 {font.size: 22px; color: gray ;text-align: justify ; font-family: verdana; padding-top: 15px}
h6 {font-size: 20px; color: white ; font-weight: bold ; text-align: center ; font-family: verdana}
body {text-align: left ; background-color: rgb(223,223,223) }
.portada {
float:left;
width:275px;
height:255px;
margin: 5px;
padding:5px;
background-image:url(objetos/portada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white ;
margin-top: 20px
}
.portada1 {
float:left;
width:275px;
height:255px;
margin: 5px;
padding:5px;
background-image:url(objetos/portada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white ;
margin-top: 20px
}
.tecnicos {
width:300px;
height:105px;
margin: 5px;
margin-left: 100px;
padding:5px;
background-image:url(objetos/tecnicos.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center ;
color: white ;
margin-top: 50px
}
.tecnicos1 {
width:300px;
height:135px;
margin: 5px;
margin-left: 100px;
padding:5px;
background-image:url(objetos/tecnicos.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center ;
color: white ;
margin-top: 20px
}
.contenedorfoto {
float:left;
width:120px;
height:110px;
margin: 5px 5px 12px 0px;
padding:3px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px ;
text-align:center;
color: white
}
.areas {
float: left;
width:115px;
height:110px;
margin: 60px 8px 12px 0px;
padding:3px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px ;
text-align:center;
color: white
}
.consejos {
float: left;
width:280px;
height:40px;
margin: 15px 500px 15px 30px;
padding:3px;
background-color:gray;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
color: white
}
.consejos1 {
float: left;
width:480px;
height:40px;
margin: 15px 300px 15px 30px;
padding:3px;
background-color:gray;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
color: white
}
.mas-proyectos {
float:left;
width:118px;
height:110px;
margin: 8px 0px 10px 8px;
padding:5px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.mas-proyectos1 {
float:left;
width:118px;
height:122px;
margin: 8px 0px 10px 8px;
padding:5px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.proyectos {
float:center;
width:540px;
height:150px;
margin: 75px 0px 0px 190px;
padding:5px;
background-image:url(objetos/gris.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.presupuesto {
float:center;
width:540px;
height:55px;
margin: 3px 0px 10px 190px;
padding:5px;
background-image:url(objetos/presupuestoportada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.presupuesto-gestion {
float:center;
width:540px;
height:55px;
margin: 100px 0px 10px 190px;
padding:5px;
background-image:url(objetos/presupuestoportada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.presupuesto-portada {
float:right;
width:540px;
height:55px;
margin: 70px 70px 10px 0px;
padding:5px;
background-image:url(objetos/presupuestoportada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.sedes {
float:left;
width:250px;
height:400px;
margin: 25px;
margin-left: 180px;
padding:5px;
background-image:url(objetos/sede.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.sedes1 {
float:left;
width:250px;
height:400px;
margin:30px;
padding:5px;
background-image:url(objetos/sede.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
#contenido .lista1 li {
list-style:square
}
.lista1 {
line-height:20px;
margin-left:220px;
margin-top: 10px;
text-align:justify
}
#contenido .lista2 li {
list-style:square
}
.lista2 {
line-height:20px;
margin-left:190px;
margin-top: 10px;
text-align:justify
}
#contenido .lista3 li {
list-style:square
}
.lista3 {
line-height:20px;
margin-left:100px;
margin-top: 10px;
text-align:justify
}
#global {width:800px ; margin:4px auto; }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;border-top: black 1px solid ; height:150px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 12px }
#navegacion {background-image:url(objetos/navegacion.jpg);background-repeat:no-repeat; border: black 1px solid ; height:40px ; padding:5px}
#navegacion li {float:left ; list-style:none ; margin: 3px 15px 3px 15px ; font-size: 17px;line-height: 15px }
#navegacion ul { list-style:none; margin-left: 25px }
#contenido {background-color: white; background-image:url(objetos/fondo.jpg); background-repeat:no-repeat; border-left: black 1px solid ; border-right: black 1px solid}
#contenido2 {background-color: white; background-image:url(objetos/fondo.jpg); background-repeat:no-repeat; border-left: black 1px solid ; border-right: black 1px solid; margin-top: 20px}
#contenido p {margin:10px 10px 0px 10px ; text-indent: 20px}
#contenido2 p {margin:10px 10px 0px 10px ; text-indent: 20px}
#contenido li {list-style:none ; margin: 4px 8px 4px 6px}
#contenido2 li {list-style:none ; margin: 4px 8px 4px 6px}
#menu {color: white ; width: 150px ; float:left ;
text-align:left ; margin:40px 5px 600px 3px ;
background-image: url(objetos/menuinferior.jpg);
background-position: bottom ;
border: 1px;
padding-bottom:5px;
}
#menu ul,li {list-style:none ; margin: 8px 8px 8px 6px; line-height: 14px; }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:10px ;text-align:center; background-image: url(objetos/menusuperior.jpg) }
#pie {border: 0px ; height: 70px ; margin-top: 20px; }
#pie1 {float:left ; text-align: justify ; width:710px ; color: white ; background-image:url(objetos/navegacion.jpg);background-repeat:no-repeat; height: 70px}
#pie1 p {font-size:11px}
#pie2 {float:left ; width:88px ; background-color: rgb(153,204,0); ;background-image:url(objetos/presupuestoportada.jpg); background-repeat:no-repeat; height: 72px; border: 0px}
#pie2 p {font-size:10px}
#curva-inferior { background-image: url(objetos/curva-inferior11.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:0px ;
overflow: hidden; }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: white }
a:active {}
#contenido .enlaces li {
list-style:square
}
.enlaces {
line-height:20px;
margin-left:50px;
margin-top: 10px;
text-align:justify
}
#contenido .enlaces a {font-size: 14px; color: black ; text-decoration:none; display: inline }
#contenido .enlaces a:link {}
#contenido .enlaces a:visited {}
#contenido .enlaces a:hover {font-size: 16px; color: black ; text-decoration:underline; background-color: silver }
#contenido .enlaces a:active {}
Alguien que me pueda ayudar... muchas gracias.
web: www.ingarana.com
Os dejo el Codigo CSS i-e:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 26px; color: rgb(153,204,0); font-weight: bold ; text-decoration: underline ;
text-align: center ; font-family: verdana}
h2 {font.size: 22px; color: gray ;text-align: justify; font-weight: bold ; font-family: verdana; padding-top: 15px}
h3 {font-size: 26px; color: gray; font-weight: bold ; text-decoration: underline ; margin-left: 190px; font-family: verdana }
h4 {font-size: 10px; color: white ; text-align: center ; font-family: verdana}
h5 {font.size: 22px; color: gray ;text-align: justify ; font-family: verdana; padding-top: 15px}
h6 {font-size: 20px; color: white ; font-weight: bold ; text-align: center ; font-family: verdana}
body {text-align: left ; background-color: rgb(223,223,223) }
.portada {
float:left;
width:275px;
height:255px;
margin: 5px;
padding:5px;
background-image:url(objetos/portada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white ;
margin-top: 20px
}
.portada1 {
float:left;
width:275px;
height:255px;
margin: 5px;
padding:5px;
background-image:url(objetos/portada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white ;
margin-top: 20px
}
.tecnicos {
width:300px;
height:105px;
margin: 5px;
margin-left: 100px;
padding:5px;
background-image:url(objetos/tecnicos.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center ;
color: white ;
margin-top: 50px
}
.tecnicos1 {
width:300px;
height:135px;
margin: 5px;
margin-left: 100px;
padding:5px;
background-image:url(objetos/tecnicos.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center ;
color: white ;
margin-top: 20px
}
.contenedorfoto {
float:left;
width:120px;
height:110px;
margin: 5px 5px 12px 0px;
padding:3px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px ;
text-align:center;
color: white
}
.areas {
float: left;
width:115px;
height:110px;
margin: 60px 8px 12px 0px;
padding:3px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px ;
text-align:center;
color: white
}
.consejos {
float: left;
width:280px;
height:40px;
margin: 15px 500px 15px 30px;
padding:3px;
background-color:gray;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
color: white
}
.consejos1 {
float: left;
width:480px;
height:40px;
margin: 15px 300px 15px 30px;
padding:3px;
background-color:gray;
border-right: #a5a7aa solid 1px;
border-bottom: #a5a7aa solid 1px;
color: white
}
.mas-proyectos {
float:left;
width:118px;
height:110px;
margin: 8px 0px 10px 8px;
padding:5px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.mas-proyectos1 {
float:left;
width:118px;
height:122px;
margin: 8px 0px 10px 8px;
padding:5px;
background-image:url(objetos/contenedorfoto.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.proyectos {
float:center;
width:540px;
height:150px;
margin: 75px 0px 0px 190px;
padding:5px;
background-image:url(objetos/gris.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.presupuesto {
float:center;
width:540px;
height:55px;
margin: 3px 0px 10px 190px;
padding:5px;
background-image:url(objetos/presupuestoportada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.presupuesto-gestion {
float:center;
width:540px;
height:55px;
margin: 100px 0px 10px 190px;
padding:5px;
background-image:url(objetos/presupuestoportada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.presupuesto-portada {
float:right;
width:540px;
height:55px;
margin: 70px 70px 10px 0px;
padding:5px;
background-image:url(objetos/presupuestoportada.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.sedes {
float:left;
width:250px;
height:400px;
margin: 25px;
margin-left: 180px;
padding:5px;
background-image:url(objetos/sede.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
.sedes1 {
float:left;
width:250px;
height:400px;
margin:30px;
padding:5px;
background-image:url(objetos/sede.jpg);
background-repeat:no-repeat;
border: 0px;
text-align:center;
color: white
}
#contenido .lista1 li {
list-style:square
}
.lista1 {
line-height:20px;
margin-left:220px;
margin-top: 10px;
text-align:justify
}
#contenido .lista2 li {
list-style:square
}
.lista2 {
line-height:20px;
margin-left:190px;
margin-top: 10px;
text-align:justify
}
#contenido .lista3 li {
list-style:square
}
.lista3 {
line-height:20px;
margin-left:100px;
margin-top: 10px;
text-align:justify
}
#global {width:800px ; margin:4px auto; }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;border-top: black 1px solid ; height:150px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 12px }
#navegacion {background-image:url(objetos/navegacion.jpg);background-repeat:no-repeat; border: black 1px solid ; height:40px ; padding:5px}
#navegacion li {float:left ; list-style:none ; margin: 3px 15px 3px 15px ; font-size: 17px;line-height: 15px }
#navegacion ul { list-style:none; margin-left: 25px }
#contenido {background-color: white; background-image:url(objetos/fondo.jpg); background-repeat:no-repeat; border-left: black 1px solid ; border-right: black 1px solid}
#contenido2 {background-color: white; background-image:url(objetos/fondo.jpg); background-repeat:no-repeat; border-left: black 1px solid ; border-right: black 1px solid; margin-top: 20px}
#contenido p {margin:10px 10px 0px 10px ; text-indent: 20px}
#contenido2 p {margin:10px 10px 0px 10px ; text-indent: 20px}
#contenido li {list-style:none ; margin: 4px 8px 4px 6px}
#contenido2 li {list-style:none ; margin: 4px 8px 4px 6px}
#menu {color: white ; width: 150px ; float:left ;
text-align:left ; margin:40px 5px 600px 3px ;
background-image: url(objetos/menuinferior.jpg);
background-position: bottom ;
border: 1px;
padding-bottom:5px;
}
#menu ul,li {list-style:none ; margin: 8px 8px 8px 6px; line-height: 14px; }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:10px ;text-align:center; background-image: url(objetos/menusuperior.jpg) }
#pie {border: 0px ; height: 70px ; margin-top: 20px; }
#pie1 {float:left ; text-align: justify ; width:710px ; color: white ; background-image:url(objetos/navegacion.jpg);background-repeat:no-repeat; height: 70px}
#pie1 p {font-size:11px}
#pie2 {float:left ; width:88px ; background-color: rgb(153,204,0); ;background-image:url(objetos/presupuestoportada.jpg); background-repeat:no-repeat; height: 72px; border: 0px}
#pie2 p {font-size:10px}
#curva-inferior { background-image: url(objetos/curva-inferior11.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:0px ;
overflow: hidden; }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: white }
a:active {}
#contenido .enlaces li {
list-style:square
}
.enlaces {
line-height:20px;
margin-left:50px;
margin-top: 10px;
text-align:justify
}
#contenido .enlaces a {font-size: 14px; color: black ; text-decoration:none; display: inline }
#contenido .enlaces a:link {}
#contenido .enlaces a:visited {}
#contenido .enlaces a:hover {font-size: 16px; color: black ; text-decoration:underline; background-color: silver }
#contenido .enlaces a:active {}