Div opposti sulla stessa linea

[Girogio]

Salve ragazzi.
Avrei un quesito da porvi.
Nelle mie pagine del sito ho un immagine rappresentata dal logo che sta posizionata sulla sinistra.
Poi ho, tramite codice asp, la data odierna che invece è allineata sulla parte destra.
Mi sono accorto però che il div dove stà il logo è più in alto rispetto la data.
Come si fà a far stare sulla stessa linea, uno a sx ed uno a destra, due div differenti.
Per comprendere meglio quanto detto vi posto la pagina.

Ed anche il codice:
codice html

<div class="Logobox">
  [img]Immagini/LogoAnfe.png[/img]</div>
    <div class="Data"><%=FormatDateTime(date(),VbLongDate)%></div>

codice css

div.Logobox img{ 
float:left; 
width: 218px; 
height: 95px; 
}

div.Data{float:right;
color: #FEFEFE; 
font-size:12px; 
margin:0px; padding:0; 
word-spacing:5px;
margin-right:10px;
clear: both;
}

Spero di essermi spiegato bene.
Ciao
Giorgio.

[Girogio]

Ho provato ad aggiustare il css in questo modo:

div.Data{float:right;
color: #FEFEFE; 
font-size:12px; 
margin:0px; padding:0; 
word-spacing:5px;
margin-right:10px;
margin-top:80px;
}

e pare che funzioni...
Ma è corretto fare così.
In pratica prima avevo in div.Data float:right; e clear:both; ora ho tolto il clear ed ho dato un margine superiore, finche non mi si allinea, la data, al logo.
Ripeto, non è che mi convinca tanto ma è corretto fare così????
Grazie.
Ciao.

[Mich_]

Il primo esempio ha dei problemi semantici, per cui sistemare il CSS diventa difficile. Nel secondo esempio non hai postato l'HTML, per cui nonsi capisce.

Fondamentalmente devi:
- inserire i due blocchi dentro un unico blocco contenitore
- usare tag appropriati (non dei tag inseriti a caso)
- al blocco sinistro (immagine) devi dare float: left e al destro float: right
- alla fine metterci un clear

Esempio:

<div class="testata">
  [img]Immagini/LogoAnfe.png[/img]
  

<%=FormatDateTime(date(),VbLongDate)%></p>
</div>

Con un CSS di questo tipo:

.testata {
  width: 100%;      /* presuppone che il contenitore abbia larghezza definita /*
}
.testata img {
  float: left;
}
.testata p {
  float: right;
}
.testata:after {      /* clearing di fcaldera */
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  width: 100%;
  content: "."; 
}

[Girogio]

Grazie molte.
Adesso provo!!