come funziona il tag float??

**sitosisaz** · 22-12-2013, 01.58.58

Ciao a tutti ragazzi. Sto studiando html e css da solo e spesso ho problemi.
Non riesco a capire come funziona questo tag float! potete darmi tutti i dettagli voi?? so che serve a "flottare" gli elementi ma non so precisamente come funziona! ho anche letto come togliere l'effetto del float per ripristinare gli elementi ( con il tag clear: both; ) ma ogni volta si deve un div? se sì, dove si mette questo div?

Qui vi posto la mia pagina web, dove sto provando a mettere gli elementi in un determinato modo ma non ci riesco.
http://sitosisaz.altervista.org/html/index.html
Praticamente vorrei la prima form dove c'è nome utente e password sulla sinistra ( e fin qui va bene )
dove c'è scritto contenitore lo vorrei al centro della pagina
e l'altra form che richiede i dettagli per la registrazione, tutto a destra...
Ho inserito i tag float e clear both ma non mi sembra sia uscito ciò che speravo. perché no? come funziona questo tag ostico? grazie a tutti

**acsocmel** · 22-12-2013, 03.24.13

per le spiegazioni ci sono le guide
per adesso ti regalo un esempio
buone feste

Codice PHP:


<!DOCTYPE html>

<html lang="it">

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="format-detection" content="telephone=no">

    <title>titolo pagina</title>

    <link href="favicon.ico" rel="icon" type="image/x-icon">

   <!-- <link href="css/stile.css" rel="stylesheet">al momento inutile -->

    <style type="text/css">

        * {

            margin: 0;

            padding: 0

        }

        .destra {

            width: 24%;

            float: right

        }

        .sinistra {

            width: 24%;

            float: left

        }

        .centro {

            margin: 0 26%

        }

        div {

            border: 1px solid rgb(0, 0, 0)

        }

    </style>

    <script>

      document.createElement("header");

      document.createElement("nav");

      document.createElement("section");

      document.createElement("footer");

      document.createElement("article");

      document.createElement("aside");

    </script>

  </head>

  <body>

      <div class="destra">

        <h1>float a destra</h1>

      </div>

      <div class="sinistra">

        <h1>float a sinistra</h1>

      </div>

      <div class="centro">

        <h1>contenuto centrale</h1>

      <p>i bordi li ho messi per mostrarti gli ingombri</p>

      </div>

  </body>

</html>

Discussione: come funziona il tag float??

LinkBack

Strumenti discussione

Display

come funziona il tag float??

Regole di scrittura