CSS: Div à venir comme ligne suivante

J'ai ce code HTML dans ma pageCSS: Div à venir comme ligne suivante

<div id='masterDIV'> 
    <div id='divItemNumber'>23</div> 
    <div id='divDesc'>This is my desc content</div> 
    </div>

et mon style

.divItemNumber 
{ 
width:25px; 
margin-left:0px; 
    margin-bottom:5px; 
} 
.divDesc 
{ 
width:255px; 
float:right; 
padding-left:1px; 
padding-right:1px; 
margin-left:0px; 
margin-bottom:5px; 
margin-top:0px; 
vertical-align:top; 
}

Mais la deuxième div arrive que la ligne suivante. Je veux que cela soit affiché adjucent juste après la première div (divITemNumber)

Ce problème vient dans IE 6.0 ne .in rendu correctement son firefox

Quelqu'un peut-il me aider?

Source

2009-10-09 Shyju

Je souhaite vraiment IE 6 serait mourir. –

Je souhaite également que tous les navigateurs puissent fusionner – Myra

Ajouter à votre cours div CSS:

display: inline;

Source

2009-10-09 04:34:25

Je vous suggère de changer CSS de sorte que la première div est float: left et le second est normal.

Alternativement, changer le premier div d'un élément de type bloc en un élément de type en ligne (display: inline) devrait résoudre le problème.

Source

2009-10-09 04:38:27

Un problème est que votre sélecteur CSS n'est pas correct.

Vous devez utiliser

#divDesc

au lieu de

.divDesc

pour sélectionner le div id divDesc

Lire

ID selectors

Source

2009-10-09 04:38:40 rahul

CSS: Div à venir comme ligne suivante

Répondre

Questions connexes