Primero de todo felicitaros por el magnífico curso que habeis hecho, es justo lo que buscaba y me esta ayudando un montón.
Voy a empezar la leccion 5 pero antes quiero resolver dos problemillas que arrastro:
1.- En Firefox el texto de la capa contenido no sale donde debiera, sale más abajo; también tengo un problema con la capa pie que no me saca los bordes.
2.- En IE el problema esta en la capa publicidad que me repite la ultima letra que pongo.
Lo tengo subido en:
http://csr.atwebpages.com/plantilla.htmlhttp://csr.atwebpages.com/estilo-general.cssGracias de antemano :D
primero que nada
permiteme felicitarte
tus codigos son muuy legibles
con las anotaciones que has puesto
te sirve a ti, y a nosotros saber que intentas hacer jejeje
ahora los fallos
en el css tienes esta linea
#menu {background-color: yellow;
width: 150px ; `
float:left;
text-align:left;
margin: 3px 10px 3px 3px; /*Para dejar separacion a todos los lados*/
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom; /*el fondo se ajusta por la parte de abajo, asi se ven las curvas*/
padding-bottom:5px;}
en rojo, en medio de esos dos elementos tienes un caracter de mas
en css, div contenido
pusiste width:auto
si lo cambio, y le pongo 800px se arregla el problema
checalo, y nos avisas
saludos
Gracias !!
Corrigiendo esos defectos se ha arreglado el problema en firefox de colocación del texto en la capa contenido.
El problema en IE en el cual se repetía la última letra de lo escrito en la capa publicidad lo he arreglado poniendo 512px de ancho a la capa publicidad en vez de 518, si pongo 1 sólo píxel más no sale bien, no se por qué, si alguien lo sabe que me lo explique porfa :)
Por lo tanto ya sólo me queda de solucionar el problema en firefox de la capa pie que no me saca los bordes, he probado varias cosillas como ponerle los bordes a las capas pieuno piedos y pietres arreglandose el problema en firefox pero se me descuadra en IE
#pie {/*background-color:white;*/
height:65px;
#pie li {list-style: none ; /*quita los puntos de la lista*/
font-size: 12px; }
#pieuno {float:left ;
width:150px;
border-top: black 1px solid;
border-left: black 1px solid;}
#piedos {float:left ;
width:498px;
border-top: black 1px solid;
}
#pietres {float:left ;
width:150px;
border-top: black 1px solid;
border-right: black 1px solid; }
Además durante el curso se explica que si un elemento lleva definido algun borde no se le puede definir un ancho concreto con el width pq sino no queda bien en todos los navegadores, así que esta solución evidentemente no vale, que puedo hacer?
