no se ve vien la pagina

vole · 29 Sep 2011, 08:07 · Solicitar retirada

Hola y gracias por la ayuda , pero tengo otro problema .
Esuvido los archivos a internet y en internet explore se se me ve el logotipo y en Mozilla Firefox, me salo todo fuera del sitio y algunos efectos no salen . Es la pagina de pruevs .Os pongo lo que e suvido
EN PLANTILLA.HTML:

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

<html>
<head>
<meta content="text/html;charset=iso-8859-1"http-equiv=content-type>
<title>Page title</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 aqui para volver a la pagina de inicio">
</a>
</div>
<div id="publicidad">Bienvenido a mi web</div>
</div>
<div id="navegacion">
<ul><li><a href="#">seccion 1</a></li><li><a href="#">seccion 2</a></li><li><a href="#">seccion 3</a></li><li><a href="#">seccion 4</a></li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>titulo de seccion 1</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlece 4</a></li></ul>
</div>
<h1>Esta es la zona principal de la wep</h2>
<p>Este es mi segundo parrafo.Acabo de poner un punto y en cambio sigue siendo un parrafopues le he colocado
la etiqueta de cierre.Voy a ponersela justo aqui</p>
<h2>Y este es el tercer parrafo.</h2><p>En pocas lecciones a darle margenes para separarlos unos de otros, e incluso
hacerles sangrias por la izquierda a ña primera linea que queda mucho mejor.</p>
<p>Anda, fijate salen todos centrados, que cosas. Espero que jorgens nos enseñe a ponerlos alineados a la izquierda
,o justificados. Asi esto parece una poesia! je je je.</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="#">foro ejemplo</a></li><li><a href="#">contactos</a></li><li><a href="#">nos enlazan</a></li></ul>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Y EN ESTILO-GENERAL.CSS:

*{margin:0px;padding:0px;border:0px}
p{text-align:justify;}
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-colo: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 li{float:left;list-style:none;margin:0px 20px 0px 20px}
#navegacion ul{margin-left:180px}
#contenido{background-color:orange;float:left;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{margin: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 li{list-style:none;margin:4px 8px 4px 6px;}
#menu h1{text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif);}
#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;}
a {color:brown;text-decoration:none;display:block;}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver;}
a:active {}
#pie a{color:blue;text-decoration;disply:blok}
#pie a:link{}
#pie a:visited{}
#pie a:hover{color:black;text-decoration:underline;background-color:white}
#pi a:active{color:black}
#logotipo a{}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}

Web-Freelance · 29 Sep 2011, 10:26 · Solicitar retirada

Si nos dices la URL de tu página así la vemos.

Por lo pronto te puedo decir que pruebes a darle un height aunque sea "auto" a:

#global
#logotipo
#publicidad

Y dale un width a:

#cabecera
#navegacion
#contenido
#pie

A ver como queda.

Saludos!

vole · 29 Sep 2011, 22:35 · Solicitar retirada

curiosidades.comocreartuweb.es/plantilla.html

Web-Freelance · 30 Sep 2011, 10:34 · Solicitar retirada

Hola, primero haz los cambios que te digo, y luego ya lo vemos a ver si mejora. Por cierto, revisa que hayas subido bien la imagen del logotipo, que se llama realmente "logotipo.gif" y si está dentro de la capeta "objetos", ya que no hay otra razón para que no se vea.

Saludos!

vole · 30 Sep 2011, 13:40 · Solicitar retirada

hola, e hecho los cambios no se siestan vien echos .
PLANTILLA.HTML:

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

<html>
<head>
<title>Page title</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 aqui para volver a la pagina de inicio"></a>
</div>
<div id="publicidad">Bienvenido a mi web</div>
</div>
<div id="navegacion">
<ul><li><a href="#">seccion 1</a></li><li><a href="#">seccion 2</a></li><li><a href="#">seccion 3</a></li><li><a href="#">seccion 4</a></li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>titulo de seccion 1</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlece 4</a></li>
</ul>
</div>
<h1>Esta es la zona principal de la wep</h2>
<p>Este es mi segundo parrafo.Acabo de poner un punto y en cambio sigue siendo un parrafopues le he colocado
la etiqueta de cierre.Voy a ponersela justo aqui</p>
<h2>Y este es el tercer parrafo.</h2><p>En pocas lecciones a darle margenes para separarlos unos de otros, e incluso
hacerles sangrias por la izquierda a ña primera linea que queda mucho mejor.</p>
<p>Anda, fijate salen todos centrados, que cosas. Espero que jorgens nos enseñe a ponerlos alineados a la izquierda
,o justificados. Asi esto parece una poesia! je je je.</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="#">foro ejemplo</a></li><li><a href="#">contactos</a></li><li><a href="#">nos enlazan</a></li></ul>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Y EL ESTILO-GENERAL.CSS:

*{margin:0px;padding:0px;border:0px}
p{text-align:justify;}
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{height:auto;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{width:800px;background-colo:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{height:auto;width:280px;float:left;}
#publicidad{height:auto;width:518px;float:right;margin-top:25px}
#navegacion{width:800px;background-color:gray;border:black 1px solid;height:20px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px}
#navegacion ul{margin-left:180px;}
#contenido{width:800px;background-color:orange;float:left;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{margin: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 li{list-style:none;margin:4px 8px 4px 6px;}
#menu h1{text-decoration:none;font-size:12px;background-image:url(objetos/menu-parte-superior.gif);}
#pie{width:800px;width:800px;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;}
a {color:brown;text-decoration:none;display:block;}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver;}
a:active {}
#pie a{color:blue;text-decoration;disply:blok}
#pie a:link{}
#pie a:visited{}
#pie a:hover{color:black;text-decoration:underline;background-color:white}
#pi a:active{color:black}
#logotipo a{}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}

Y LA PAGINA ES: curiosidades.comocreartuweb.es/plantilla.html

Web-Freelance · 30 Sep 2011, 13:58 · Solicitar retirada

Vale, tanto a #cabecera, #navegacion, #contenido y #pie cámbiale el width:800px por 799px, y a #pie quítale un width porque tiene dos.

A ver como se ve después, pero ya se ve casi igual en IE y Firefox no?

vole · 1 Oct 2011, 01:06 · Solicitar retirada

ya lo e cambiado pero en firefox se sigue viendo mas estrecho que en internet explored

Web-Freelance · 1 Oct 2011, 11:14 · Solicitar retirada

Yo el ancho lo veo exactamente igual en todos los navegadores... Revisa el zoom de tu navegador.

Te digo, a #pie no le pusiste width="799px", además de que en el html te falta cerrar el <div id="pie">

Cuéntanos como va después.

Saludos!

vole · 1 Oct 2011, 15:43 · Solicitar retirada

Amejorado bastante, pero aun le queda un poco la brra de navegacion no sale todo biuen alineado y en "pie"se me a ido el borde de los laterales

ocbarrio · 1 Oct 2011, 16:01 · Solicitar retirada

Buenas!
Yo he estado rompiendome los cascos con lo de los distintos exploradores. Al final la solucion es bien sencilla: creas varios css, uno general para la mayoria de los nav, y otro para los que te fallan (sobretodo IE).

ejemplo:

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


en el head tienes esta primera linea, justo debajo pones la 2ª. Explicacion 2ª linea: "si versiones anteriores de Internet Explorer 8..." y le pones la tercera linea, que es otro estilo igual que el original. Ahora solo te queda ir cambiando parametros en el estilos-ie.css hasta que la veas bien. (NOTA: la segunda hoja de estilos no se adjunta al html como la primera, o sea que tendras que editarla aparte.)

Espero te sirva de ayuda.

vole · 1 Oct 2011, 16:30 · Solicitar retirada

creo que lo e arreglado ,poniendo :overflow:hidden; en "#pie y en #navegacion"