porque mi web no se ve igual en los tres navegadores..exprorer, firefox,chrome

lowellpelikno · 6 Feb 2012, 01:01 · Solicitar retirada

en el único que se ve bien es en chrome.. my-estylo.com

Rulaz · 6 Feb 2012, 03:50 · Solicitar retirada

Hola, yo en chrome lo veo mal, me aparece la columna amarilla abajo... creo que el problema puede ser si tienes algunos valores de "padding", ya que al agregar éstos valores el "width" se hace más ancho....

Para poderte ayudar mejor, necesito me pases el código por aquí.

Saludos!

lowellpelikno · 6 Feb 2012, 04:02 · Solicitar retirada

ola graisas por responder mira aki esta el kodigo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>my-estylo.com</title>
    <link rel="stylesheet" href="estilo_plantilla.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/logo1.png" width="113" height="99"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
  <div id="publicidad">my-estylo-com</div>
</div>
    <div id="navegacion">
  <ul>
    <li><a href="#">INICIO</a></li><li><a href="#">NUESTRA EMPRESA</a></li><li><a href="#">PRODUCTOS</a></li><li><a href="#">REGISTRARME</a></li><li><a href="#">MAS</a></li>
  </ul>
</div>
    <div id="contenido">
    <h1>Inicio</h1>
   <div id="izquierda"> <p>ezquierda</p></div>
           <div id="centro"> <p>centro; parafo
    hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh </p>
    </div>
     <div id="derecha"><p>derecha</p></div>
    </div>
   <div id="pie">&copy; todos los derechos reservados my-estylo.com</div>
    <div id="curva-inferior"></div>
    </div>
  </body>
</html>

@charset "utf-8";
/* CSS Document */

* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify}
h1 {font-size:1.2em; color:white; font-weight:bold; text-decoration:none;
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:#A05; border-left:black 1px solid;
border-right:black 1px solid; height:99px;}
#logotipo {width:220px; float:left;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:#F05}
#logotipo a:link {}
#logotipo a:visited {}
#publicidad {width:578px; float:right; margin-top:25px; font-size:32px;color:white}
#navegacion {background-color:black; border:black 1px solid; height:20px;font-weight:bold;color:white}
#navegacion li {float:left; list-style:none; margin:0px 20px 0px 20px;}
#navegacion ul {margin-left:70px}
#contenido {background-color:#F05; border-left:black 1px solid;border-right:black 1px solid;height:800px;}
#contenido p {margin:0px 10px 0px 10px; text-indent:15px;}
#izquierda {height: 780px ;background-color:blue; float:left; width:150px;border-right: black 1px solid;}
#centro  {height: 780px ;background-color:green; float:left; width:498px;}
#derecha {height: 780px ;background-color:yellow; float:left; width:150px;border-left: black 1px solid;}
#pie {border-left:black 1px solid; border-right:black 1px solid;border-top:black 1px solid; height:20px;background-color:black;color:white;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
a {color:white; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:#F05; text-decoration:underline; background-color:black;}
a:active {}

ojala me puedas ayudar!!!

lowellpelikno · 6 Feb 2012, 04:29 · Solicitar retirada

lowellpelikno escribió:ola graisas por responder mira aki esta el kodigo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>my-estylo.com</title>
    <link rel="stylesheet" href="estilo_plantilla.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/logo1.png" width="113" height="99"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
  <div id="publicidad">my-estylo-com</div>
</div>
    <div id="navegacion">
  <ul>
    <li><a href="#">INICIO</a></li><li><a href="#">NUESTRA EMPRESA</a></li><li><a href="#">PRODUCTOS</a></li><li><a href="#">REGISTRARME</a></li><li><a href="#">MAS</a></li>
  </ul>
</div>
    <div id="contenido">
    <h1>Inicio</h1>
   <div id="izquierda"> <p>ezquierda</p></div>
           <div id="centro"> <p>centro; parafo
    hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
       hahahahaahhahaahahahahhahahahahaaaaahhhhhhhhhhhhhhhhhhhhhh</p>
     <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh </p>
    </div>
     <div id="derecha"><p>derecha</p></div>
    </div>
   <div id="pie">© todos los derechos reservados my-estylo.com</div>
    <div id="curva-inferior"></div>
    </div>
  </body>
</html>

@charset "utf-8";
/* CSS Document */

* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify}
h1 {font-size:1.2em; color:white; font-weight:bold; text-decoration:none;
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:#A05; border-left:black 1px solid;
border-right:black 1px solid; height:99px;}
#logotipo {width:220px; float:left;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:#F05}
#logotipo a:link {}
#logotipo a:visited {}
#publicidad {width:578px; float:right; margin-top:25px; font-size:32px;color:white}
#navegacion {background-color:black; border:black 1px solid; height:20px;font-weight:bold;color:white}
#navegacion li {float:left; list-style:none; margin:0px 20px 0px 20px;}
#navegacion ul {margin-left:70px}
#contenido {background-color:#F05; border-left:black 1px solid;border-right:black 1px solid;height:800px;}
#contenido p {margin:0px 10px 0px 10px; text-indent:15px;}
#izquierda {height: 780px ;background-color:blue; float:left; width:150px;border-right: black 1px solid;}
#centro  {height: 780px ;background-color:green; float:left; width:498px;}
#derecha {height: 780px ;background-color:yellow; float:left; width:150px;border-left: black 1px solid;}
#pie {border-left:black 1px solid; border-right:black 1px solid;border-top:black 1px solid; height:20px;background-color:black;color:white;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
a {color:white; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:#F05; text-decoration:underline; background-color:black;}
a:active {}

ojala me puedas ayudar!!!

parese que ya quedo diganme porfaor solisito si konfirmasion!!!!!

Rulaz · 6 Feb 2012, 04:51 · Solicitar retirada

Ya está perfecto!, lo probé con chrome, firefox, explorer y Maxthon 3.

;)

lowellpelikno · 6 Feb 2012, 16:20 · Solicitar retirada

ok.. que bueno que ahí va quedando!! ahora si ya viene lo bueno!!!

lowellpelikno · 6 Feb 2012, 20:04 · Solicitar retirada

hola de nuevo!! ajustando esto como puedo hacer que los campos de texto aparezcan un poco mas grandesitos y vallan de acuerdo con las etiquetas label de la izquierda del formulario.. también le ice una modificación al tamaño en general a ver como queda
my-estylo.com