menu con UL+LI si può avere altezza 50%?

**essezeta** · 19-08-2008, 19:00

Ciao a tutti...

ho realizzando un menu con le liste in orizzontale...
niente di che...

però... vorrei i tasti alti il 50% della mia pagina...

Quindi...
intanto, poiché UL e LI sono nel loro bel div#lista, ho settato quast'ultimo ad altezza 100% rispetto al BODY, impostando body {height:100%} e #lista {position:absolute;height:100%}

fino a qui nessun problema...

ma i LI come faccio ad allungarli al 50% rispetto al loro contenitore, ovvero a div#lista?

Ho fatto diversi tentativi, ma fallisco sempre...
Qualcuno mi sa dare una dritta?

posto html e css semplificati, in modo che ci si possa riferire ad elementi concreti...
Grazie in anticipo e comunque...

codice:

<html>
<head>
<style type="text/css" media="screen">

body { margin: 0; padding: 0;
height:100%; }

#lista {
position:absolute;
left:300px;
top:0;
height:100%; /* lo allungo relativamente al body, suo parent */
background: #EAEAEA;
}

#lista ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#lista ul li { float:left; }

#lista a {
display: block;
width: 20px;
height:300px;
border-left: 1px solid #eee;
text-decoration: none;
background:#ccc
}

#lista a:hover { background: #666; }

</style>

</head>
<body>

<div id="lista">
	<ul>
		[*]
		[*]
		[*]
	[/list]
</div>

</body>
</html>

**Mich_** · 20-08-2008, 08:35

Hai definito il body di altezza 100%, ma di cosa? Di un elemento senza altezza: devi definire height:100% anche all'oggetto html (questo non e` vero per IE - quirks mode)

Nel codice postato hai definito height:300px nell'<a>, ma non hai definito l'altezza dei[*].
E comunque i[*] sono figli diretti di <ul>, non del div#lista.

Per cui (interpretando liberamente - non so se e` esattamente quello che volevi), dovresti mettere:

codice:

#lista ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 100%;
}
#lista ul li {
  float: left;
  height: 50%;
  margin: 0;
  padding: 0;
}

**essezeta** · 20-08-2008, 11:34

occaxxo!!!
era così semplice... :master:
non è possibile! ho fatto test dichiarando l'altezza a tutto ciò che mi capitava sotto tiro, ma mai così sistematicamente ai genitori di ogni figlio... (e sopratutto in nessun lavoro con elementi di altezza 100% sono mai andato più in alto del BODY)

Mi fai vergognare, Mich_, ma come sempre ti RIGRAZIO tantissimo

Discussione: menu con UL+LI si può avere altezza 50%?

Strumenti discussione

Ricerca discussione

Visualizza

menu con UL+LI si può avere altezza 50%?

Permessi di invio