Si vampiretta è così
C'è anche un altro metodo più performante che non ti costringe ad aggiungere un elemento vuoto per dargli il clear.
Dai una letta qui:
http://www.positioniseverything.net/easyclearing.html

Grazie mille Laburno! Sei troppo prezioso!

ehyehy Vampiretta... mi rubi le discussioni...

Scusa, era qui bella e pronta... le mie ditina hanno fatto meno fatica!

hai fatto bene
alla prox Vamp

Laburno...
nonostante abbia messo l'ultima volta [RISOLTO], ho ancora problemi con il riposizionamento orizzontale dei div.
L'altra volta avevo risolto ora non mi riesce di nuovo...

metti che io abbia 3 div orizzontali che sono uguali. Quindi uguale per tutti e 3: <div class= "tipoA">
se io metto nel css

#tipoA {
width: 920px;
width: X;
float: left;
}

non mi vanno orizzontali ma uno sopra all'altro... dove sbaglio?

Io sono profana, cmq io non ho messo width: X.

E sopratutto hai una pagina larga 3 volte 920? :():

no ovviamente il mio esempio era del tutto scavolato...

volevo mettere in un div che è largo 920px, tanti (ho detto 3 per semplificare) div larghi tipo 150 (non 920!!! ) come voci del menu...
però non mi riesce farli stare in riga... mi vanno uno sopra l'altro!

te (che sei profana!! ) come hai risolto?
grazie...

Io ho scritto semplicemente così:

[HTML].classechevuoi {float: left; width:98px; margin-left: 17px; margin-bottom: 25px;}[/HTML]

Ovviamente io avevo bisogno di margini precisi, insomma di ricreare una cella quasi come fosse una tabella.

Ma secondo me tu puoi scrivere semplicemente:

[HTML].classechevuoi {float: left; width:150px; }[/HTML]

Cmq forse se posti il codice che hai scritto è meglio. Magari ci provo su una pagina e vediamo che esce fuori.

E poi qualcuno ci viene a correggere!

allora ieri sera dovrei aver risolto...

.topA {
background-color: Red;
border: 1px solid White;
margin-left: 25px;
width: 100px;
width: X;
float: left;
}

         <!-- Begin Header -->
         <div id="header">
 <div class="top">
      <a href="index.php?action=home" title="Home"><img src="immagini/top.gif" alt="Home"></a>
    </div><br><br>
    <div class="topA">
      Ciao1
    </div>
    <div class="topA">
      Ciao2
    </div>
    <div class="topA">
      Ciao3
    </div>
    <div class="topA">
      Ciao4
    </div>
    <br><br>
    <div class="topB">Ciao</div>
     </div>
     <!-- End Header -->

unica cosa mi spiegate bene cosa fa il "float: left;"?
grazie

ma xchè width X ?

è quello che mi ha detto Laburno...

perchè di default vanno in verticale e a me servono per orizzontale.
Però con quello ora sono come dico io...

Allora sto zitta se lo dice laburno siamo in una botte di ferro.
E' il mio mito ormai.

anche per me... sa tutto + tutto + tutto sui css!
quindi... ecco brava... lecchiamogli il sedere

comunque vorrei capire come mai devo mettere windth: X; e float: left;
vorrei capire proprio cosa fanno!
Laburno mi spieghi un pochino per favore...

Su float: left allinea l'elemento a sinistra.

Invece il width: x l'ho provato ieri e non l'ho ben capito. Credo faccia si l'elemento si adatti in larghezza a seconda di cosa ci viene messo dentro.

Ma quindi dici che basterebbe l'allineamento a sx? Cioè basterebbe il float: left? Ora non sono in grado di provare che sono a lavoro, quando ho tempo provo a casa. Grazie cmq dei tuoi sforzi!

Per allineare un elemento a sinistra si, basta il float: left. Però se ti serve di dargli una misura specifica devi per forza usare il width.

si ma il width: X proprio non capisco...

width: 150px; per dargli la misura del mio div e poi float: left; per allinearlo. Sto pensando forse che Laburno con quella X abbia voluto dirmi "un valore X" e io invece l'ho interpretato come asse delle ascisse

bisognerebbe chiedere allo stesso Laburno, ma mi sa che abbia archiviato la discussione quando ho scritto RISOLTO.
Bo aspettiamo...
cmq grazie...

width è un parametro che prende unicamente un valore numerico e il tipo di misura: pt, px , % , em.
Ti ha messo la x come incognita per non dargli un valore preciso.

Per l'uso del float controlla che i genitori contenenti gli elementi con questo attributo abbiano uno di questi requisiti:

• Width ed height con valore determinato
• Siano float anch'essi.
• Abbiano all'interno e a fondo pagina un elemento con attributo "clear:both", solitamente un div vuoto.

edit: ops forse era gia stato scritto + o meno tutto scusate

Nono ci hai chiarito meglio le cose!

Tra me e Andre con gli elementi misà che ci leghiamo!