Entrar

tengo un desorden en firefox...

Cactoos · · Solicitar retirada
Hola, me presento, mi nombre es Daniel, y llegué al curso del html-kit gracias a google.

Les cuento mi problema, he desarrollado el curso como decía, y bueno, ahora me he lanzado con mi propia página, (http://mipymecomunica.tk) la alojé en el host de razy (creo que así se llama) y luego gracias a "dot tk" le cambié el dominio para dejarlo mas corto y que se vea algo más serio, ya que la idea es montar una microempresa a partir de esta web.

el asunto es que en la vista previa del html-kit, la página se ve perfecta, todo ordenado, tal cual como yo quiero que esté, pero al subirlo al host y verlo en internet a travez de firefox (3.5 creo) se ve todo muy desordenado, y no se parece en nada a lo que veo en el html-kit.

porfavor, ayudenme a identificar cual es el problema, pensaba terminar esto inmediatamente, y hacer las plantillas correspondientes, para luego aprender a usar los códigos de java... y ofrecer mi trabajo. Pero este deroden me retrasa mucho Y-Y

eso. de antemano MUCHAS GRACIAS. y sobre todo, GRACIAS POR EL CURSO. ES EXCELENTE, YA LO HE RECOMENDADO.
Javier76 · · Solicitar retirada
a mi me paso lo mismo, tienes que ir corriegiendo la hoja de estilos hasta que se vea bien en internet explorer y en firefox, mi problema venía con las imagenes que no se colocaban bien, lo sulocione, colocando un padding 0px 0px 0px 0px, en la hoja de estilos. Si no lo solucionas coloca el codigo html y el de la hoja de estilos, y seguro que habra alguien que te heche una mano, un saludo, Javier.
Cactoos · · Solicitar retirada
creo que el Jorgens publicó un código en el curso para arreglar eso, algo que va en el head, pero no lo pillo... (o lo soñé xD)
Javier76 · · Solicitar retirada
bien yo lo solucione poniendo en el codigo css donde he colocado la imagen padding 0px 0px 0px 0px, y overflow: hidden, y se me soluciono el problema aunque lo mejor es que coleques en un mensaje el codigo html de la pagina y los codigos css, seguro que alguien te hecha una manol
Cactoos · · Solicitar retirada
Plantilla:

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">

<title>mipymecomunica</title>
</head>
<body>
<div id="global">
 
<div id="cabecera"><div id="logotipo">[url="../index.html"][img]../objetos/logo%20chico.jpg[/img][/url]</div><div id="publicidad">[url="http://www.formulastock.com"][img]../objetos/banner%20foro%20gif.gif[/img][/url]</div></div> 
</div>



<div id="navegacion">
  <ul>
    [*][url="#"]Book[/url][*][url="#"]Imágen Corporativa[/url][*][url="#"]Paginas WEB[/url][*][url="#"]Socios/Clientes[/url][*][url="#"]Contacto/Siguenos[/url][*][url="#"]Sugerencias[/url]
  [/list]
</div>





<div id="contenido">
<h1>Bienvenidos a mipymecomunica</h1>


<div id="p-contenido">



Cada persona tiene un sueño, ese sueño se transforma a lo largo de nuestra vida en nuestro objetivo, en nuestra meta. Para cumplirlo usamos diversas herramientas, aprendemos cosas, y creamos otras. Así nos convertimos en emprendedores.</p>



Cada emprendedor  trabaja duro, se entrega por completo  y  pone todo su esfuerzo para cumplir ese sueño que muchas veces toma la forma de una mipyme  (micro-pequeñas-y medianas empresas) donde invertimos todo nuestro esfuerzo, y muchas veces todo nuestro dinero.</p>



Pero no siempre es facil cumplirlo, los bancos, los proveedores, y a veces la propia familia se interponen entre nosotros y nuestro sueño, haciendo el camino mas difícil.  
Así llegar a los clientes se vuelve una dura tarea.</p> 



Nuestra empresa nace de la necesidad de hacer que su mensaje pueda llegar a sus clientes y captar otros nuevos, sobresalir en el mercado con una imagen fresca para llamar la atención con sus productos y ayudarlo a cumplir su sueño.</p>



Nuestro propio sueño es ayudar a otras mipyme a lograr su éxito, ese es nuestro  emprendimiento y para eso trabajamos e invertimos nuestro esfuerzo, cada emprendedor que encontramos en el camino y que confía en nosotros se convierte en nuestro socio.</p></div>
<div id="p-firma">Daniel Toledo Cofré; Emprendedor.</div>
</div>




<div id="pie">
<div id="pieuno"> <ul>
    [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
  [/list]
</div>
<div id="piedos">pie dos</div>
<div id="pietres"> <ul>[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
  [/list]
</div>

</div>
</div>
</body>
</html>


CSS:

* {margin:0px ; padding:0px 0px 0px 0px ; border: 0px; overflow: hiden}
p {text-align: justify}
h1 {font-size: 2.5em; color:yellow ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font-size: 1.5em; color:yellow ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto;align:center}
#cabecera {width:800px } 
#logotipo {width:110px; float:left}
#publicidad{float:right}
#navegacion {height:25px; width:800px; background-color:orange; margin-top:2px }
#navegacion li {float:left; list-style:none;margin: 0px 10px 0px 10px;}
#navegacion ul { margin-left: 100px}
#contenido {background-color:green; width:800px;align:center}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#p-contenido {color:yellow; text-align:justify; margin: 20px 20px 30px 20px}
#p-firma {color: yellow; float:right; margin:20px; font-size:1.2em}
#pie {background-color: orange; height: 65px; width:800px }
#pie li {list-style: black; font-size:10px }
#pieuno  { float:left ; width:150px }
#piedos  { float:left ; width:498px }
#pietres { float:left ; width:150px}
a{color:brown; text-decoration:none; display:block}
a:link{}
a:visited{color:grey; text-decoration:none}
a:hover{color:red; text-decoration:none}
a:active{}
#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}
Kamael · · Solicitar retirada
Aumenta unos "float:left" a global, cabezera, navegacion , contenido y pie
Cactoos · · Solicitar retirada
voy a probar eso. muchas gracias ^^

__


probé lo que me recomendaste, pero se sique viendo mal en la web, mientras que en el programa se ve perfecto.

así se ve en Firefox (en Explorer no se ve mejor tampoco)



así se ve en el HTML-KIT: