DIVs ne respectant pas les règles CSS

Je rencontre des problèmes avec mon HTML et CSS, en ce sens que le HTML de mon siet ne fait pas ce que j'ai écrit dans le CSS. J'essaie de faire un bloc de texte avec une largeur de 50, mais cela ne semble pas fonctionner. Voici un extrait de code: DIVs ne respectant pas les règles CSS

 <div id="welcome"> 
<h2>Welcome!</h2> 
hello, this is some text. 
<p> 
text before that text down there. v 
<p> 
we have some text here. 


<p><img src="images\halo.jpg" width="250" height= "250" alt="Master Chief" /><p> 
</div>

Ceci est tiré du site. J'ai mis quelques règles dans le CSS pour faire ce DIV, et d'autres DIVs sur des pages séparées, ont une largeur de 50%, mais cela ne fonctionne tout simplement pas. Voici la règle CSS:

 #welcome, #about, #contact { 
width: 50%; 
}

Tous mes autres CSS fonctionnent, et le HTML est correctement lié au CSS. Qu'est-ce que je fais mal? J'ai essayé le rechargement de la force, en ayant seulement la règle pour un DIV, et tout comme ça. Si vous pouvez m'aider, merci!

EDIT: Résolu, grâce à ob. Bravo encore.

-Tim

Source

2009-10-24 Anonymous

L'exemple de code fonctionne bien pour moi. Vérifiez dans un débogueur CSS (tel que Firebug ou l'inspecteur Web intégré de Safari) que la règle est appliquée et recherchez d'autres suspects. – outis

Qu'est-ce que vous voyez à la place qui dit que ça ne fonctionne pas? – random

Une note, 'img src =" images \ halo.jpg "1 devrait être' img src = "images/halo.jpg" '. Une barre oblique : P –

La définition de style semble OK.

Avez-vous un autre style défini pour div?

Fonctionne-t-il sur certains navigateurs et pas sur d'autres?

Vous pouvez facilement diagnostiquer le problème avec un outil de développement Web ou un firebug.

Source

2009-10-24 08:57:23

Je ne l'ai pas essayé sur d'autres navigateurs, mais j'ai juste Firebug, donc je vais diagnostiquer le problème à présent. Je n'ai pas d'autres styles pour div. Il n'y a rien en dessous non plus. –

essayer d'ajouter ceci à vos styles de page:

html, body, form { width:100% }

Source

2009-10-24 09:11:51

Ça a marché! Merci beaucoup. –

@Tim, cool que vous ayez résolu votre problème. Acceptez la réponse 'ob'! –

Ce genre de problème est souvent le résultat d'une largeur de 50% combinée à la frontière 1px. C'est 50% + 1px, et donc plus de 50%.

Source

2009-10-24 19:45:12 Matrym

DIVs ne respectant pas les règles CSS

Répondre

Questions connexes