Problemas al visualizar la pagina en la web

juanfra · 23 Dic 2011, 15:50 · Solicitar retirada

Hola gente
Primero los elogios, ¡¡ genial el curso !!

Luego la consulta: (si este no es el lugar apropiado, disculpen... estoy aprendiendo recien)
He hecho el curso de div´s y los problemitas que surgieron los fui solucionando mirando con cuidado hasta encontrar los errores y asi no molestarlos.

PERO... luego de subir la pagina tengo el problema que no se ve igual, lo que veo en el HTML-Kit y lo que sale en la web.

son dos cosas
1) el mensaje "Bienvenido a mi web" baja una linea por debajo del logo.
2) El pie de pagina 3, tambien se desplaza debajo del pie de pagina 2.

Ahora, yo la miro a la pagina con la misma maquina con la que la cree (mismo navegador, resolucion de pantalla, etc.) y salen estas falla....

PERO (otra vez pero...) si la miro a la pagina con otra maquina, una Net-book (pantalla mas chica pero el mismo navegado -el explorer) la pagina se ve bien.

¿Que pude estar pasando para que en una pantalla se vea bien y en la otra no?

Yaneth · 23 Dic 2011, 19:39 · Solicitar retirada

hola

primero bienvenido al foro.
segundo....
cada que hagas una pregunta debes detallarnos bien el problema (lo cual hiciste perfecto)
pero tambien debes darnos pistas para solucionarlo por ejemplo... la url de tu web, o los codigos completos tanto de html como de css

saludos

juanfra · 23 Dic 2011, 23:31 · Solicitar retirada

Hola Yaneth
Gracias por responder.
mi pagina es : www.proferiera.comocreartuweb.es

En realidad no pense que fuera un problema de codigo, por eso no los mande, pero ya te los mando:

------------------------- HTML (como si no lo supieras)---------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Pagina Oficial de la Banda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipo.gif" width="270" height="80"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li><li><a href="discografia/discografia.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li><li><a href="foro/foro.html">Foro</a></li><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li>
</ul>
</div>

<div id="contenido">


<h1>Bienvenidos a la página oficial de la banda</h1>
<p>Esta es si sñores a no dudarlo la página oficial de la banda..., si hace tiempo que se estaba reclamando la existencia de este sitio, pues bien queridos fnáticos, aquí lo tienen que lo disfruten pues para ustedes es que fue creado</p>
<h2>La idea</h2><p>La idea de crear este sitio es vieja pero los tiempos no nos daban, pero ahora si se pudo y, esperamos con esto satisfascer la demanda de nuestros fans.</p>
<p>Aqui encontraran nuestra historis, nuestros conciertos, nuestros trabajos discográficos, prodran descargar algunas canciones y porsupuesto hay un foro para recibir sus comentarios</p>
<p> y un monton de cosas mas como por ejemplo mmmmmmmmm mmmmmmm mmmmmm mmmmmm mmmmmmmm mm mmm mmmmmm jjjjjj ssss zzzz ttttttt yyyy ssssss ssssssss sss
ssssss ddddddddd ffffffffffff g g gggg ggggggggg gggggg uuu uuuu uuuu u uuuuuu una lata </p>
</div>

<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

------------------- CSS ----------------

*{margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
a {color:brown; text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline;background-color:silver}
a:active {}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif);
background-repeat:no-repeat; width:800px; height:12px;overflow:hidden;}
#cabecera {background-color:white; border-left:black 1px solid;
border-right:black 1px solid;height:85px;}
#logotipo { width:280px; float:left;}
#publicidad {width:518px; float:right;margin-top:25px;}
#navegacion {background-color:gray;border: black 1px solid; height:20px;}
#navegacion ul { margin-left: 60px }
#navegacion li {float:left;list-style:none;margin:0px 20px 0px 20px}
#contenido {background-color:orange; border-left:black 1px solid; border-right:black 1px solid}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px;}
#menu { width:150px; float:left;text-align:left; margin:3px 10px 3px 3px;
background-image: url(objetos/menu-parte-inferior.gif); background-position:bottom;padding-bottom:5px}
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif);padding-top:12px}
#menu li {list-style:none;margin:4px 8px 4px 6px}
#pie { background-color: white ; border-left: black 1px solid ;border-right: black 1px solid;
border-top: black 1px solid; height: 65px ; }
#pie li {list-style:none; font-size:12px;}
#pieuno {float:left;width:150px;}
#piedos {float:left;width:498px}
#pietres {float:left;width:150px;}

#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden;}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

---------------------

Aprovecho y de paso te consulto otra cosa

Estas lineas de codigo que estoy viendo en el curso de HTML ( deben ser una actualización, porque te juro que hace unos días cuando leí el curso no estaban, o yo ya estaba refundido esa noche)

<!DOCTYPE html>
<html lang="es">

<meta charset="uft-8>

deben reeplazar a estas lineas :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Yaneth · 24 Dic 2011, 16:21 · Solicitar retirada

creo que eso tambien lo explica por ahi, el reemplazo de los codigos

bien, en tus codigos, ve al css y donde dice publicidad.... reduce 1 o 2 pixeles, ya que se monta sobre el logotipo y por eso se corre un poco

y pasa lo mismo con los pies... quitale a alguno de ellos uno o 2 pixeles es que....
casi siempre ese es el error cuando algun div se baja de lugar, es que no cabe

yo prefiero dejarle unos pixeles de sobra, en vez que quede justo

saludos

juanfra · 24 Dic 2011, 18:01 · Solicitar retirada

Gracias Yeneth por tu respuesta,

sobre todo en visperas de NAVIDAD,

La verdad es que yo tambien pense en que con restar algunos pixeles se podia arregalar, pero preferi no tocar la pagina y consultar primero,
porque la idea, es que se vea nuestra pagina igual en cualquier maquina, no? y aun siguiendo al pie de la letra el curso de Jorgens surge el fallo.

Lo que más me llama la atención es que al ver el trabajo en la carpeta local del ejemplo se ve bien, pero al subirla a la web falla.

Es como que; si hago algo y me gusta como queda, al subirlo a la web no se vera igual, EN MI MISMA MAQUINA y eso es algo que me molesta mucho.

y para mas, como te decía en el primer mensaje, en la NET de mi amigo la pagina se veia bien pero en la mia no - cosa de locos-

Tomare tu consejo y dejare unos pixeles de sobra,

(pero aún asi, el que no pueda ver igual lo que hago y lo que subo a la web, es un fastidio)
si hay alguna explicación, me gustaría oirla.

Otra vez, muchas gracias y que pases bien las fiestas.

Yaneth · 24 Dic 2011, 19:08 · Solicitar retirada

holA
explicacion.... mmmmm pues quien sabe
ajajaj
la verdad es que...cada navegador, tiene sus propias reglas, por asi decirlo, con el curso de jorgens
tratamos de brincarlas al poner la primera linea la del * en el css, en la cual
damos todos los valores a 0 por defecto, con eso solucionamos mucho en verdad

pero tambien debes tener en cuenta las resoluciones de pantalla,
aunque, muchas de las cosas terminan siendo un completo misterio, asi que.... como a las mujeres solo sigueles el paso jejejejej

yyyy, nunca te fies de las vistas previas, esas la mayoria de las veces son engañosas, debes visualizar en diferentes navegadores
asi que, deberás descargarte minimo dos, ie, y algun otro, yo utilizo firefox además de ie

y pues de nada, siempre es un placer responder, bendiciones para ti y tu familia, pasala bonito, yyyyyyy, pon cara de gusto, aunque el regalo no sea de tu agrado
jajajajjajaja

recie abrazos mexicanos

juanfra · 25 Dic 2011, 01:51 · Solicitar retirada

Gracias Yaneth por todo
ya arregle el fallo,( le voy a dar algo de margen siempre...)
ahora a continuar aprendiendo.... pero despues de las fiestas.
Ha voy a segir tus consejos con respecto a los regalos, ja ja ja.[:D]