Sto impazzendo ho un codice HTML del tipo
Purtroppo il DIV c inizia dopo la fine del div b.codice:<div id="a">AAA</div> <div id="b">BBB</div> <div id="c">CCC</div>
Il CSS che gestisce gli elementi interni al div b è questo:codice:+----------------------+ | DIV B | +----------------------+-------------------------+ | DIV C | +-------------------------+
mentre invece un altro CSS si occupa del restocodice:/****************************************************** Questo CSS si occupa di formattare soltanto la barra di navigazione tra le giornate. Le altre parti del documento andranno gestite da CSS appositi. ******************************************************/ /* Formattazione tag UL e LI della barra di navigazione */ ul.NavigationBarUl, li.NavigationBarLi { display: inline; } /* Formattazione dei link PREV e NEXT */ a#PrevLink, a#NextLink { display:block; width:18px; height:18px; background:url(../img/left.png) 0 0 no-repeat; float:left; margin:3px; cursor:pointer; font-size:1px; } /* NEXT ha un immagine di bg diversa */ a#NextLink { background:url(../img/right.png) 0 0 no-repeat; } /* Formattazione onMouseOver PREV e NEXT */ a:hover#PrevLink, a:hover#NextLink { background-position:0px -18px; } /* Formattazione link mark-up della barra di navigazione */ a.NavigationBarLink { width:8px; height:8px; float:left; margin:3px; background:url("../img/navigator.png") 0 0 no-repeat; display:block; font-size:1px; } /* Formattazione onMouseOver mark-up della barra di navigazione */ a:hover.NavigationBarLink { background-position:0 -8px; } /* Formattazione active mark-up della barra di navigazione */ a.active.NavigationBarLink { background-position:0 -16px; }
Il Div a è correttamente allineato a destra, mentre a e b danno il problema che mostro sopra.codice:body { background: #EFF2F3; font-size: 1em; font-family: Verdana, Arial, Sans-serif; color: gray; } #a { display: block; font-size: 0.8em; text-align: right; }
Come lo posso risolvere?

Rispondi quotando