background-color en chrome

Houdini14 · #1 (**permalink**) 28/05/2013, 13:54

Hola, mi problema es que al poner el background-color en chrome no me funciona y en Firefox si, la parte de css es donde pongo el backgrounf\d
este es mi codigo

<Doctype html>
<html>
<head>
<title> Entrenando en jquery y jqueyUI </title>
<meta charset="utf-8">
<link type="text/css" href="../css/jqueryUI/jquery-ui-1.10.3.custom.css" rel="stylesheet"/>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="../jquery-ui.js"></script>


<script type="text/javascript">
var x;
x=$(document);
x.ready(inicio);
function inicio(){ var x=$("#mueve"); }
x.draggable();

</script>



<style type="text/css">
#mueve {width: 100;height: 100; border: 1px solid yellow; background-color: #6600FF}

</style>

</head>

<body>

<div id="mueve"><mueveme</div>

</body>

</html>

hay alguna manera de hacer que funcione en chrome?

muchas gracias de antemano

hackjose · #2 (**permalink**) 28/05/2013, 15:03

Tal vez funcione poniendo el ultimo punto y coma ;
Saludos

HackID1 · #3 (**permalink**) 28/05/2013, 15:38

Coloca el ; final en el Style que te falta..
Y a lo mejor chrome no te acepta esas funciones..
No lo se, pero puede ser algo a tener en cuenta, has probado con otros navegadores aparte de Firefox? prueba.
Saludoo Espero lo soluciones

pzin · #4 (**permalink**) 28/05/2013, 19:17

Si es la última declaración de la regla no hace falta poner punto y coma, aunque se suele recomendar para evitar despistes, pero no hacerlo no implica que no vaya a funcionar.

Yo primero arreglaría el DOCTYPE:

Código HTML:

Ver original<!DOCTYPE html>

No va a arreglar nada, pero te falta la exclamación.

Supongo que no funcionará porque no has especificado ninguna unidad de medida para tu div#mueve. Cien de alto y ancho, ¿pero cien qué?

omarMusic · #5 (**permalink**) 30/05/2013, 09:21

Simplemente pon más orden al momento de escribir tu código.

Código HTML:

Ver original<!DOCTYPE html>
 
<html>
    <head>
        <title> Entrenando en jquery y jqueyUI </title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/flick/jquery-ui.css" media="all">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <script type="text/javascript">
            var x;
            x=$(document);
            x.ready(inicio);
            function inicio(){ 
                var x=$("#mueve"); 
                x.draggable();
            }
        </script>
        <style type="text/css">
            #mueve {width: 100px;height: 100px; border: 1px solid yellow; background-color: #6600FF;}
        </style>
    </head>
    <body>
        <div id="mueve">Muéveme</div>
    </body>
</html>

Saludos.

pzin · #6 (**permalink**) 30/05/2013, 11:45

Cita:

Iniciado por omarMusic

Simplemente pon más orden al momento de escribir tu código.

¿Qué tiene ver el orden para que funcione o no?