[xhtml - css] vari problemi con height

[Yassassin]

ciao ragazzi. Ho visto un pò nei thread per risolvere il problema ma per ora ancora niente

la sezione della photogallery del mio sito qui ha delle cartelle con sotto un testo. Su firefox si vede bene (lo spazio tra un rigo ed un altro è ok. Su IE invece questo spazio è troppo.

la parte di css incriminata è la seguente:

#contenutoVisual ul {
	list-style-type:none;
	text-align:center;
	clear:left;
	vertical-align:bottom;
}
#contenutoVisual li {
	display:inline;
	float:left;
	padding: 1em 0.8em 0em 1em;
}
#contenutoVisual li a{
	display:block;
	width:87px;
	height:72px;
	line-height:120px;
	text-decoration:none;
	background:url("layout/raccoglitore.jpg") no-repeat;
	color:#003399;
	font-size: .8em;
	font-weight:bold;
}
#contenutoVisual li a:hover {
	background:url("layout/raccoglitore.jpg") no-repeat;
	color:#07269C;
	text-decoration:none;
}

questo è invece il codice xhtml:

<ul>[*]categoria
     .
     .
     .[/list]

Altro problema (che ho in parte risolto). il contenitore centrale (div contenitoreVisual) ha dei bordi laterali. Ho provato con height 100% (e min-height etc..) ma ho risolto solo in parte con IE (in pratica il bordo arriva a qualche pixel dal footer) mentre con firefox nulla. Come faccio? :master:

[whiteduke]

Per il primo caso ti consiglio di inserire tutti i tag[*] all'interno di un solo tag <ul> e dare dei margini adeguati cosicchè le cartelle ritornino a capo automaticamente. Per il secondo caso non credo che la sintassi giusta sia height: auto !important; (auto!important non devono essere attaccati).
Poi ti consiglio di settare l'altezza di height e min-height in px, penso sia quello il problema. Per certi casi ti consiglio un buonissimo tool della mozzilla.org se utilizza mozilla o firefox. Il tool si chiama Web Developer Toolbar.
Ciao

[Yassassin]

ok, ho fatto le modifiche ma non è cambiato nulla (almeno ad occhio)

per quanto riguarda lo spazio tra le cartelle su ie, il problema è line-height:120px; ma se non metto questo parametro il testo si va a piazzere sopra alla cartella e non va bene.

il tool di firefox ce l'ho, ma non ho capito a cosa mi può servire :master:

Inoltre mettere l'height in px non ha senso perchè non so a priori quant'è lunga la colonna

[andrea.paiola]

ti consiglio di seguire questo esempio:
http://www.domedia.org/oveklykken/css-photo-gallery.php

edit: no niente... non avevo capito il problema... comunque con !important dovresti riuscire a servire proprietà CSS diverse a IE...fammici pensare un po' su...
forse ti conviene seguire il leveller version 3
http://www.websemantics.co.uk/tutori..._css_snippets/

* {margin:0; padding:0}
html {height:100%; font-size:100.01%}
body { text-align:center; min-height:101%; font:100.01%/130% Verdana, Helvetica, sans-serif; color:#000; background:#fff; width:760px; margin:0 auto }
body * {text-align:left}

vedi un po' se ti funziona... sennò devi usare il box model css hack
http://tantek.com/CSS/Examples/boxmodelhack.html
http://pro.html.it/articoli/id_413/idcat_8/pro.html