2008-09-18 6 views
0

J'ai besoin d'aide pour les modèles de boîte css. J'ai un problème avec mon site Web ucare-ph.org. Le logo (temporaire) couvre la copie principale. Maintenant, je sais que quelqu'un peut me dire le code pour résoudre ce problème. Mais ce dont j'ai vraiment besoin, c'est d'une ressource ou de ressources dans des livres ou des sites Web qui peuvent me donner une meilleure compréhension du modèle de boîte. La syntaxe est très facile. Mais la relation entre les boîtes est très difficile. Et oui, j'ai firebug et web dev pour firefox. Mais c'est toujours un essai et une erreur.aide css avec des modèles de boîte

Répondre

0

Quelque chose qui m'a beaucoup aidé utilise Firebug

clic droit sur un élément sur la page et choisissez « Inspecter l'élément ». Choisissez ensuite l'onglet "Mise en page" dans le panneau de droite. Vous pouvez voir une représentation graphique de l'élément avec la mesure de chaque composant du modèle de boîte. Ma vie serait misérable sans Firebug.

0

Notez que Internet Explorer utilise un modèle de boîte cassée, sauf si vous spécifiez un type de document tels que:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 

Dans le modèle de boîte cassée, la hauteur et la largeur se réfèrent à la taille de la boîte à l'exclusion des marges.

Par exemple, si vous avez ceci:

<div style="width:100px; height:100px; padding:10px; border:10px solid #000;"></div> 

Dans le modèle de boîte correct, il affiche une boîte qui est 140x140 parce que le rembourrage ajoute 10px de chaque côté de la zone de contenu (qui est 100x100) et alors la frontière ajoute 10px de chaque côté. Cependant, dans le modèle de boîte IE brisé, il affichera une boîte de 100x100 et la bordure et le remplissage seront placés à l'intérieur de cet espace, laissant une zone de contenu de seulement 60x60.