2010-12-13 7 views
-2

Le CSS ne s'applique pas à ce code et pour un gros ironoy dans IE je pouvais à peine visualiser mais dans les autres non, que penses-tu qu'il se passe?Problèmes pour visualiser CSS sur code HTML

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title father="*head" id="ttl">aadsnfasjnsadgasg</title> 
     <link father="*head" href="http://www.bmsuite.com/modules/mika/css/main.css" id="mika_css" rel="Stylesheet" type="text/css"/> 
    </head> 
    <body id="body" key="40f8471224aafe869b3e13414c5cb6514dd014d2"> 
     <DIV class="ui-draggable" id="1div"></DIV> 
     <INPUT class="ui-draggable" id="1input"/> 
     <LABEL class="ui-draggable" id="1label">Nombre:</LABEL> 
    </body> 
</html> 

(Cela semble être le CSS)

#body{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: silver; 
} 

#1div{ 
    position: absolute; 
    width: 200px; 
    height: 100px; 
    background-image: initial; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: rgb(92, 156, 204); 
    top: -21px; left: 218px; 
    background-position: initial initial; 
    background-repeat: initial initial; 
    :undefined; 
} 

#1div{ 
    position: absolute; 
    background-image: initial; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: rgb(92, 156, 204); 
    width: 900px; 
    height: 100%; 
    top: 0px; 
    left: 218px; background-position: initial initial; 
    background-repeat: initial initial; 
} 

#body{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: silver; 
} 

#1label{ 
    position: absolute; 
    top: 190px; 
    left: 352px; 
    :undefined; 
} 

#body{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: silver; 
    :undefined; 
} 
+0

À quoi ressemble votre CSS? Est-il chargé par le navigateur? L'URL est-elle correcte? –

+0

Vérifiez votre connexion réseau à l'adresse http://www.bmsuite.com/modules/mika/css/main.css – tshao

+1

Votre CSS contient des erreurs, par ex. ': indéfini;'. –

Répondre

3

ID et classes ne peuvent pas commencer avec des chiffres. Vous devez utiliser le mot 'un' au lieu de '1' si vous devez numéroter l'étiquette div, entrée &. Vos règles CSS actuelles seront ignorées car elles commencent par un nombre invalide.

A défaut, essayez de changer: rel="Stylesheet" à rel="stylesheet" certains navigateurs peuvent ne pas aimer votre capitalisation de 'stylesheet'.

De plus, vous définissez les règles pour #body trois fois dans votre CSS, ce qui est inutile. Le navigateur utilisera les règles qui viennent en dernier. En outre, vous devriez essayer de combiner vos règles pour #1div parce que la plupart de cela est redondant. La plupart des règles de cette CSS définissent les valeurs par défaut qui ne sont pas nécessaires.

+0

Merci pour la solution je mettrai en œuvre vos conseils sur le système qui génèrent ce CSS et le HTML !!! – hidura