Gestione dimensioni della barra di navigazione

**Tenebral** · 09-12-2006, 19:31

Questa è la pagina HTML

Codice PHP:


<html>

  <head>

    <title></title>

  </head>

  <body>    

 

    <div id="container">    



      <div id="header">





    

      </div>



      <div id="navigation">

     rg

      </div>



      <div id="content">

        dfg













      </div>



      <div id="footer">

     

      </div>



    </div>

  </body>

</html>

E questo è il foglio CSS:

Codice PHP:


html{

  color: #FFFFFF;

}



div#container{

  background-color: #000000;  

}



div#header{



}



div#navigation{

  background-color: #111111;

  float: left;

  width: 13em;

  padding: 0.5em 0.5em;

}

Se provate questa pagina, vi accorgerete che la barra di navigazione non arriva fino in fondo alla pagina, che è ciò che vorrei che accadesse! Qualcuno mi sa dire come fare?
Grazie

**whiTe01** · 10-12-2006, 01:26

bhe ma li ci mancano un sacco di cose negli id dei div.. ad esempio, height, width, position, float etc...

studiati qualke css di qualke sito

**Tenebral** · 10-12-2006, 19:19

Beh, quella che ho scritto è solo una pagina di prova.. Mi serve sapere come far arrivare la barra fino in fondo.. Con le poche cose che ho scritto è più facile sapere dove andare ad agire!

**whiTe01** · 10-12-2006, 22:22

allora ti spiego:
height sta per altezza e se tu nn la definisci è come se nn esistesse.

quindi:

codice:

html{
  color: #FFFFFF;
}

div#container{
  background-color: #000000;
  height:100%;
  width: ;
  position:relative;
}

div#header{

}

div#navigation{
  background-color: #111111;
  float: left;
  width: 13em;
  height:100%;
  padding: 0.5em 0.5em;
}

cosi hai il menu tutta la pagina

**Tenebral** · 10-12-2006, 23:46

Beh, tanto impedito da non sapere che significa height non lo sono!

Comunque, mi spiace deluderti, non funziona neanche così!

**whiTe01** · 11-12-2006, 09:50

codice:

html{
  color: #FFFFFF;
}

div#container{
  background-color: #000000;
  height:100%;
  width:15em;
  float:right;
  position:relative;
}

div#header{

}

div#navigation{
  background-color: #111111;
  float: left;
  width: 13em;
  height:100%;
  padding: 0.5em 0.5em;
  position:relative;
}

Discussione: Gestione dimensioni della barra di navigazione

Strumenti discussione

Ricerca discussione

Visualizza

Gestione dimensioni della barra di navigazione

Permessi di invio