Grave Error Ayuda Porfavor

flager · #1 (**permalink**) 14/11/2009, 09:04

Bueno, resulta que tengo un grave error con los navegadores necesito su ayuda.

Con este codigo:

Código HTML:

<html>
<head>
<style type="text/css">
body {
margin: 0 0 0 0;
}
#1 {
width:30%;
background:#999999;
float:left;
}
#2 {
width:50%;
background:#FFCC00;
float:left;
}
#3 {
width:20%;
background:#66CC00;
float:left;
}
</style>
</head>
<body>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
</body>
</html>

en el navgador opera se ve así:

en el navegador firefox se ve asi:

y en el navegador internet explorer asi:

Teniendo en cuenta el codigo, deberia verse como en opera, alguien sabe a que se deve esto, siendo que la suma de todas las cajas seria 100% en total??? porfavor ayudenem, de antre mano muxas gracias.

David · #2 (**permalink**) 14/11/2009, 09:16

El primer error grave que tienes en el código es que estás usando un número para los ID, un ID que contenga sólo números no es válido.

flager · #3 (**permalink**) 14/11/2009, 09:39

Bueno arreglando el codigo cambaindo 1,2,3 por a,b,c en firefox se arreglo el problema y se ve igual que en opera osea asi:

y en internet explorer siguie el problema... el ultimo div se muestra ñpor debajo siendo que entrre todos hacen el 100% osea se ve así:

estando el codigo ahora así:

Código HTML:

<html>
<head>
<style type="text/css">
body {
margin: 0 0 0 0;
}
#a {
width:30%;
background:#999999;
float:left;

}
#b {
width:50%;
background:#FFCC00;
float:left;

}
#c {
width:20%;
background:#66CC00;
float:left;

}
</style>
</head>
<body>
<div id="a">1</div>
<div id="b">2</div>
<div id="c">3</div>
</body>
</html>

Alguien peude decirme como solucionar este problema en ie yo uso el internet explorer 5 y se ve así, no se si en toro se vea asi, pero es curioso, porque si cambio el css asi:

Código:

#a {
width:30%;
background:#999999;
float:left;

}
#b {
width:40%;
background:#FFCC00;
float:left;

}
#c {
width:30%;
background:#66CC00;
float:left;

}

en internet epxlroer se ve bien, pero no quieroe sas emdidas, necesito las que tengo en el codigo

Código HTML:

#a {
width:30%;
background:#999999;
float:left;

}
#b {
width:50%;
background:#FFCC00;
float:left;

}
#c {
width:20%;
background:#66CC00;
float:left;

}

CdG · #4 (**permalink**) 14/11/2009, 10:31

a ver si te sirve...

Código HTML:

<html>
<head>
<style type="text/css">
* {
  padding:0;
  margin:0;
}
body {
  font:10px/120% verdana,arial,sans-serif;
  text-align:center;
}
#container {
  text-align:left;
  width:100%; 
  margin: 0 auto;

}
#columna-1 {
  background:silver;
  float:left;
  width:20%;
}
#columna-2 {
  background:#DCFF2E;
  float:left;
  width:20%;
}
#contenido {
  background:#FFC985;
  float:left;
  width:60%;
}
</style>
</head>
<body>
<div id="container">
  <div id="columna-1">
    Columna 1
  </div>
  <div id="contenido">
    Contenido
  </div>
  <div id="columna-2">
    Columna 2
  </div>
</div>

</body>
</html>

flager · #5 (**permalink**) 14/11/2009, 11:11

Nu funciona

en iexplorer siguie habiendo error y sale abajo el ultimo div

jackson666 · #6 (**permalink**) 14/11/2009, 11:39

agregale a todas las reglas: border: 0 none;

gilbeRt_fox · #7 (**permalink**) 14/11/2009, 11:52

Cita:

yo uso el internet explorer 5

:O !!

Tienen que estar apuntandote con un arma en la cabeza para que utilices IE5 !! no creo que por voluntad propia lo estés haciendo!

No es exactamente una respuesta a tu pregunta principal pero por favor unete a la campaña "Kill IE6" que por ende incluye versiones anteriores a esa.

arthpix · #8 (**permalink**) 14/11/2009, 12:01

Prueba poniendo un contenedor al 100%, la columna izquierda (30%) flotada a la izquierda, la columna derecha (20%) flotada a la derecha y el centro (ancho automático) sin flotar.

Código html:

Ver original<html>
<head>
<style type="text/css">
body {
margin: 0 0 0 0;
}
#contenedor {
width: 100%;
}
#a {
width:30%;
background:#999999;
float:left;
 
}
#b {
width:auto;
background:#FFCC00;
}
#c {
width:20%;
background:#66CC00;
float:right;
 
}
</style>
</head>
<body>
<div id="contenedor">
<div id="a">1</div>
<div id="c">3</div><! El div "c" debe quedar antes del "b" -->
<div id="b">2</div>
</div>
</body>
</html>

arthpix · #9 (**permalink**) 14/11/2009, 12:03

Cita:

Iniciado por David

El primer error grave que tienes en el código es que estás usando un número para los ID, un ID que contenga sólo números no es válido.

Y el segundo error muy grave es que esta es una consulta de html en el foro de php???

jam1138 · #10 (**permalink**) 14/11/2009, 12:11

Cita:

Iniciado por arthpix

Y el segundo error muy grave es que esta es una consulta de html en el foro de php???

Y no es la primera vez ...

Cita:

Iniciado por flager

Perdon, solo posteaba aqui, porque en css no hay muxos usuarios, o almenos no responden, lo siento... aquis e solucionaron mis problemas altiro

Invitación a no responder temas que están en foros donde no corresponden ... no se puede confiar en que el usuario hará un buen uso del foro.

Tema movido desde PHP.

kseso? · #11 (**permalink**) 14/11/2009, 12:51

Hola Jam1138
No seas tan malo de traerle la consulta a un foro donde no se responde

Si este fuese un foro donde se ofrecen respuestas lo mejor que podemos, te comentaría la sinrazón de que para ie6 y quizás para el ¿5?

(claro, es porque ie6 sólo no da suficientes quebraderos de cabeza

) las suma de 2 + 3 + 5 sean 11 y no 10.
También te comentaría que se arregla jugando con los márgenes negativos en el lado opuesto al flotado.

Pero ya te digo, todo eso si en este foro se contestase.

Un saludo