Rembourrage de fond div error

-4

J'ai un rembourrage inférieur étrange dans un div, même si je mets le padding à 0. Je pense que c'est quelque chose hérité de quelque chose, mais j'ai enlevé tous les rembourrages pour voir ce qui le cause et ça arrive encore .Rembourrage de fond div error

Ceci est mon CSS:

.magazinelistdiv { 
width: 804px; 
} 

.magazinelistdiv .magrowdiv { 
width: 800px; 
border-top: 1px solid #333388; 
border-bottom: 1px solid #333388; 
padding-bottom: 0px;  
} 

.magazinelistdiv .magrowdiv div { 
display:inline-block; 

font-size: 20px; 
width: 65px; 
text-align: center; 
} 

.magazinelistdiv .magrowdiv .zero{ 
color: red; 
} 

.magazinelistdiv .magrowdiv .id { 
width: 40px; 
margin: 7px 0; 
} 

.magazinelistdiv .magrowdiv .number { 
width: 100%; 
} 

.magazinelistdiv .magrowdiv .text { 
font-size: 8px; 
width: 100%; 
} 

.magazinelistdiv .magrowdiv .magazine { 
width: 410px; 
text-align: left; 
} 

.magazinelistdiv .magrowdiv .visits { 
font-style: italic; 
color: #444; 
} 

.magazinelistdiv div:hover { 
background-color: #eee; 
} 

.magazinelistdiv .magrowdiv a:hover { 
text-decoration: none; 
padding: 3px; 
background-color: #ddd; 
border-radius: 0.3em; 
-moz-border-radius: o.3em; 
-webkit-border-radius: 0.3em; 
border: 1px solid #333; 
display:block; 
width: 390px; 
}

Et voici ma sortie html:

<div class="magazinelistdiv"> 
    <div class="magrowdiv odd" id="magrowdiv1"> 
      <div class="id">1</div> 
      <div class="magazine"><a href='index.php?act=magazine&id=5'>Mag1</a></div> 
      <div class="issues zero"> 
       <div class="number">0</div> 
       <div class="text">Issues</div> 
      </div> 
      <div class="series zero"> 
       <div class="number">0</div> 
       <div class="text">Series</div> 
      </div> 
      <div class="chapters zero"> 
       <div class="number">0</div> 
       <div class="text">Chapters</div> 
      </div> 
      <div class="pages zero"> 
       <div class="number">0</div> 
       <div class="text">Pages</div> 
      </div> 
      <div class="visits zero"> 
       <div class="number">0</div> 
       <div class="text">Visits</div> 
      </div> 
      <div></div> 
     </div> 
     </div>

Je pense que j'ai beaucoup d'erreurs dans le CSS, depuis plus de choses se passe, mais je Je ne suis pas sûr de savoir comment les réparer, mais je suis spécialement concentré sur ce truc de rembourrage. Pour être plus précis, tous les divs du div magrowdiv ont un rembourrage inférieur, et ils ne devraient pas l'avoir.

Source

2012-03-17 Ikzer

Vous venez d'envoyer beaucoup de code avec un petit reproche général ... ce qui est exactement votre question? De quoi parlez-vous? Avez-vous inspecté le DOM avec les outils de développement dans Safari, Chrome, Firefox ou Explorer? Voter pour fermer à moins que d'autres informations puissent être ajoutées. – Sparky

Ajouter dans votre question le HTML produit et non HTML avec PHP, aidera plus. – Sotiris

1. Il serait plus utile si vous collez la sortie du fichier (le html), pas le php. 2. "dans une div" - s'il vous plaît soyez plus précis. Quel div? –

En fonction du code que vous avez posté, vous avez deux balises div de fermeture superflues dans le code HTML.

Source

2012-03-18 00:12:42 Scott

Difficile à dire d'après ce que vous avez posté. Cependant, si je change les éléments suivants

.magazinelistdiv .magrowdiv .id { 
    width: 40px; 
    margin: 7px 0; 
}

.magazinelistdiv .magrowdiv .id { 
    width: 40px; 
    margin: 0; /* REMOVE THE TOP & BOTTOM MARGIN */ 
}

il resserre le divs.

Voir cet exemple: http://jsfiddle.net/jYn8F/

Source

2012-03-18 00:43:43

Rembourrage de fond div error

Répondre

Questions connexes