Foros del Web » Creando para Internet » CSS »

Mozilla no me muestra el texto del footer

Estas en el tema de Mozilla no me muestra el texto del footer en el foro de CSS en Foros del Web. Hola a Todos: Soy un principiante en esto del diseño web, pero estoy apasionado y quiero dedicarme de lleno. Estoy maquetando un sitio en html ...
  #1 (permalink)  
Antiguo 03/02/2011, 06:05
 
Fecha de Ingreso: febrero-2011
Mensajes: 11
Antigüedad: 6 años, 10 meses
Puntos: 0
Mozilla no me muestra el texto del footer

Hola a Todos:

Soy un principiante en esto del diseño web, pero estoy apasionado y quiero dedicarme de lleno. Estoy maquetando un sitio en html y css, me encuentro con que Internet Explorer me muestra los links del footer como yo los quiero mostrar, en cambio Mozilla no los muestra siquiera.

Aquí les dejo el Html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Ozzio</title>

<link href="style.css" rel="stylesheet" type="text/css">

<script> document.createElement("header");
document.createElement("nav");
document.createElement("sidebar");
document.createElement("footer");</script>

</head>
<body>
<div id="wrap">
<header>
<div id="buscador">
</div>
:
</header>
<nav>
<ul>
<li><a href="#">Productos</a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Preguntas Frecuentes</a></li>
<li><a href="#">Ofertas</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
<div id="content">
<div id="main">
</div>
<div id="sidebar">
</div>
<div id="flotante">
</div>
</div>

<footer>
<ul>
<li><a href="#">Productos</a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Preguntas Frecuentes</a></li>
<li><a href="#">Ofertas</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacto</a></li>
</ul>
<br>

<!--aca va el otro loguito chiquito fondo blanco-->
<div id="copy">Copyright &copy; 2011 Desarrollado por <a href="#" target="_blank">Canvas Estudio</a></div>
<div id="canvas"></div>
</footer>

</div>


</body>
</html>

y aquí el css

@media screen {
}


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fielset, blockquote {
margin: 0;
padding: 0;
border: 0;
}

wrap {
width: 95%;
margin: 0 auto;
background: #000;
}

@font-face{ font-family: 'arial narrow'; src: url('../fonts/arialn-webfont.eot') format ('eot'), url ('../fonts/arialn-webfont.svg') format ('svg'), url ('../fonts/arialn-webfont.ttf') format ('ttf'), url ('../fonts/arialn-webfont.woff') format ('woff');
}

@font-face{font-family: 'arial narrow bold'; src: url('../fonts/arialnb-webfont.eot') format ('eot'), url ('../fonts/arialnb-webfont.svg') format ('svg'), url ('../fonts/arialnb-webfont.ttf') format ('ttf'), url ('../fonts/arialnb-webfont.woff') format ('woff');
}

@font-face{font-family: 'bookman old style'; src: url('../fonts/bookos-webfont.eot') forma ('eot'), url ('../fonts/bookos-webfont.svg') format ('svg'), url ('../fonts/bookos-webfont.ttf') format ('ttf'), url ('../fonts/bookos-webfont.woff') format ('woff');
}




#buscador {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: italic;
line-height: normal;
font-weight: bold;
color: #FFF;
background-color: #000;
padding: 10px;
clear: right;
float: right;
height: auto;
width: auto;
margin: 5px;
border: 1px solid #CCC;
}
header {
background-color: #FFF;
display: block;
padding: 5px;
height: 100px;
width: 100%;
border: 1px solid #000;
}

nav {
background: #d9cba0;
width: 100%;
padding: 15px;
font-family: "bookman old style";
font-size: 14pt;
color: #000;
text-align: center;
clear: both;
float: left;
height: 18pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style-type: none;
border: 1px solid #000;
margin: 0 auto;
}

nav ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
display: block;
border-left: 1px solid #fff;
}

nav ul li {
border-right: 1px solid #fff;
float: left;
margin-left: 2%;
padding-right: 2%;
}

nav ul li a, a:visited {
color: #000;
padding-top: 5 px;
padding-bottom: 5 px;
padding-right: 10 px;
padding-left: 10 px;
display: block;
text-decoration: none;
}

nav ul li a:hover {
background-color: #e7dbb0;
font-color: #605e71;
text-decoration:underline;
}

nav ul li a:active {
text-color: #fff;
text-decoration: none;
}


#content {
width: 100%;
}

#main {
float: right;
width: 70%;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
padding-top: 2%;
}

#main p {
font-family:Verdana, Geneva, sans-serif;
font-size: 12 pt;
font-color: #000;
text-indent: 5px;
text-align:justify;
text-decoration: none;
max-width: 60%;
}

#main p a {
text-decoration: none;
font-color: #09F;
}

#main p a:hover {
text-decoration: underline;
}

#main p a:visited {
font-color: #60C
}

#main hi {
font-family: "arial narrow bold";
font-size: 18pt;
font-color: #3a2f07;
text-align: left;
}

#main h2 {
font-family: "arial narrow bold";
font-size: 16pt;
font-color: #3a2f07;
text-align: left;
}

#main h3 {
font-family: "arial narrow bold";
font-size: 14pt;
font-color: #3a2f07;
text-align: left;
}

img {
padding: 5px;
background-color:#CC9;
margin: 10px;
float:left;
size: 100%;
}

img a {
background-color: #CC9;
border: 2px #999;
}

img a:hover {
border: 2px #FFF;
}

#sidebar {
float: left;
width: 12%;
padding-bottom: 10px;
padding-left: 5%;
padding-right: 5%;
padding-top: 2%;
background-color: #d9cba0;
font-family: "arial narrow";
font-size: 14pt;
text-align: left;
font-color: #7c7357 ;
}

#sidebar h1 {
font-family: "arial narrow bold";
font-color: #7c7357;
font-size: 18pt;
text-shadow:#FFF;
}

#sidebar a {
font-color: #7c7357;
text-decoration: none;
}

#sidebar a:hover {
font-color: #FFF;
text-decoration: underline;
text-shadow:#000;
}

#sidebar p {
font-size: 12px;
text-color: #000;
font-style:normal;
text-align: justify;
text-indent: 3px;
}


footer {
font-family: "bookman old style";
font-size: 12pt;
color: #fff;
background-color: #000;
letter-spacing: normal;
text-align: justify;
vertical-align: middle;
word-spacing: normal;
margin: auto;
padding: 10px;
clear: both;
float: left;
height: auto;
width: 100%;
border: medium double #FFF;
display: block;
}



footer ul {
clear: both;
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}

footer ul li {
float: left;
}

footer ul li a {
padding: 10px;
display: block;
text-decoration: none;
color: #fff;
}

footer ul li a:hover {
text-decoration:underline;
text-shadow:#ccc;
}
  #2 (permalink)  
Antiguo 03/02/2011, 17:45
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Mozilla no me muestra el texto del footer

NO es un problema de navegador. Parece que has declarado para los enlaces ya visitados el mismo color que el fondo. Por eso no se pueden ver.
El que te escribe ha cometido a veces errores semejantes y le ha costado adivinar porqué ahora se ve bien la página y luego no.

nav ul li a, a:visited {
color: #000;
padding-top: 5 px;
padding-bottom: 5 px;
padding-right: 10 px;
padding-left: 10 px;
display: block;
text-decoration: none;
}
  #3 (permalink)  
Antiguo 04/02/2011, 11:08
 
Fecha de Ingreso: febrero-2011
Mensajes: 11
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Mozilla no me muestra el texto del footer

Muchas gracias por tu tiempo y amabilidad!!!

Etiquetas: html, mozilla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:17.