strano problema pagina aspx e foglio css[RISOLTO]

[Chry1991]

Salve amici

ho uno strano problema sulla mia pagina aspx.
Ho creato un foglio css cosi:

Codice: Seleziona tutto

body{
}

section_left{
float: left
 }


section_right{
float: right}

praticamente sono due sezioni, nella pagina aspx provo ad usarle e quella di sinistra va correttamente, quella di destra invece mi viene accodata sotto.

considerando che nella pagina aspx ho usato le sezioni come div. quindi ho fatto

Codice: Seleziona tutto

<div id = "section_left"> codice html </div>

perché una sezione va correttamente e l'altra no?
la sezione sinistra contiene un menu quella di destra contiene una tabella e due bottoni(in teoria) per ora sta a fondo pagina

[Zoff]

È il normale comportamento del float.
Vedi questo: http://www.html.it/pag/14273/layout-a-d ... -il-float/

Consiglio di usare librerie CSS un po' evolute tipo Bootstrap o Foundation.

[Chry1991]

È il normale comportamento del float.
Vedi questo: http://www.html.it/pag/14273/layout-a-d ... -il-float/

Consiglio di usare librerie CSS un po' evolute tipo Bootstrap o Foundation.

come funzionano quelle due librerie? cosa mi permettono di fare in più?
ma come mai non mi fa allineare le due sezioni se in un altra pagina nello stesso modo ho allineato due form??
chiedo x spiegazione

[Zoff]

Quelle librerie hanno classi e script javascript per la costruzione di un intero frontend web, sono complete di tutti i componenti comunemente utilizzati e sono sviluppate per essere responsive (si adattano al dispositivo che visualizza la pagina).

I motivi per cui una delle due sezioni finisce sotto possono essere tanti. Il piu' probabile è che il contenuto di una delle due sezioni è abbastanza da invadere lo spazio dell'altra "spingendola" verso il basso.

Esempio con bootstrap di pagina con due colonne di uguale larghezza.
Layout a larghezza 100%:

Codice: Seleziona tutto

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-6 col-md-6">Colonna SX</div>       
        <div class="col-lg-6 col-md-6">Colonna DX</div>        
    </div>
</div>

Layout a larghezza fissa:

Codice: Seleziona tutto

<div class="container">
    <div class="row">
        <div class="col-lg-6 col-md-6">Colonna SX</div>       
        <div class="col-lg-6 col-md-6">Colonna DX</div>        
    </div>
</div>

Le classi col-lg-* e col-md-* indicano rispettivamente la larghezza che deve avere su dispositivi con risoluzioni "larghe" (LG) o "medie" (MD), si possono specificare anche "piccole" (SM) e "molto piccole" (XS).
Se non si specifica si intende 12 (il max)
Maggiori info sul grid system di bootstrap: http://getbootstrap.com/css/#grid

[Chry1991]

grazie x la delucidazione, in effetti nella mia sezione sinistra va il menu, nella parte destra una piccola tabella contenente 2 righe da 3 campi ognuno.
di cui sono 1 immagine 1 titolo e 1 contatore