Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Elementi Css

  1. #1

    Elementi Css

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Impaginazione colonne multiple</title>
    <link rel="stylesheet" href="stile.css" type="text/css" />
    </head>
    <body>
    <div class="header">Intestazione</div>
    <div class="nav">
    Primo Collegamento

    Secondo Collegamento

    Terzo Collegamento

    Quarto Collegamento

    </div>
    <div class="content">


    Lorem ipsum.......... </p>
    </div>

    </body>
    </html>

    ----------------------------------------------------------------------------
    .header{
    background-color:#ff0000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 50px;
    text-align:center;
    font-weight:800;
    border-bottom:3px solid black;
    }

    .nav{
    background-color:#ffff00;
    float:left;
    width:30%;

    }

    .content{
    background-color:#ACACAC;
    width:70%;
    float:right;


    }

    Perchè se in nav o content aggiungo i margini e il padding mi sbarella tutto? (in pratica content va sotto nav).

  2. #2
    Perchè margin o padding vanno a sommarsi a 100% (70+30), quindi superando la larghezza totale content va a capo.

  3. #3
    Lo avevo intuito. Però se metto ad esempio margin:5px e padding5px; come faccio a sapere a quanto va impostato width?

  4. #4
    Utente di HTML.it L'avatar di DFN
    Registrato dal
    Mar 2011
    Messaggi
    26
    non puoi saperlo perchè è un layout fluido.

    Prova con i margini in percentuale.

    quindi

    #box1 { width: 66%; padding: 2%;}
    #box2 { width: 26%; padding: 2%;}

    o cose simili comunque... almeno sei sicuro che se cambia il width cambia pure il padding

  5. #5
    Il "trucco" quindi è mantenermi sempre un pò al di sotto del 100%.

    Comunque mi sa che mi devo studiare oltre la guida base sui Css anche quella Layout dei siti con i CSS sempre sul sito html.it

  6. #6
    Utente di HTML.it L'avatar di DFN
    Registrato dal
    Mar 2011
    Messaggi
    26
    Il trucco è rendere fluido, bene o male, tutto, margini e padding compresi :P

  7. #7
    Allora mi devo studiare anche l'altra guida

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.