grafico orizzontale conflitto con xhtml1-strict.dtd

**agenti** · 02-04-2008, 18:36

semplice grafico orizzontale...

non capisco però perchè con la dichiarazione doctype le barre restano schiacciate...

senza infatti prendono il loro valore.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<style>

.chart {
	font-family: Tahoma;
	font-size: .7em;
	border: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: .4em .1em;
}

.chart li {
display: block;
	list-style: none;
	float: left;
	width: 5em;
	text-align: center;
	background: url(../images/chart_bg.gif) center 1.6em no-repeat;
}

.chart li span {
	display: block;
	text-indent: -999em;
	padding-bottom: 70px;
	background: url(../images/chart_bg_ol.gif) center -1px no-repeat;
	border-top: 5px solid #fff;
}

.chart strong {
	display: block;
	text-align: center;
	font-weight: normal;
}



</style>

<ul class='chart'>[*]marzo<span style="background-position: center -30">: </span>0 €[*]aprile<span style="background-position: center -30">: </span>2000 €[*]maggio<span style="background-position: center -30">: </span>3556 €
[*]giugno<span style="background-position: center -30">: </span>3456 €[*]luglio<span style="background-position: center -30">: </span>2000 €[*]agosto<span style="background-position: center -30">: </span>2000 €[*]settembre<span style="background-position: center -30">: </span>4000 €[*]ottobre<span style="background-position: center -30">: </span>0 €
[/list]

**Mich_** · 03-04-2008, 08:28

Non vedo dove stai definendo l'altezza dei blocchi span (che contengono le barre, mi pare).
Se ti riferisci ad IE 6 o 7 e` noto il bug che un elemento non puo` essere piu` basso del font-size: questo non e` vero se usi la DTD strict, con la quale anche IE si comporta in modo molto piu` simile agli altri browser.

Poi c'e` l'errore che manca l'unita` di misura nelle posizioni che stanno negli stili in linea: solo IE assume che siano px, gli altri browser ignorano il valore.

**agenti** · 03-04-2008, 10:25

perdonami ma io ho trovato questo codice su ajax rain..

sto lavorando con quel doctype e si crea il bug.

Potresti darmi un consiglio pratico ?
Grazie.

**Mich_** · 03-04-2008, 14:50

Non so cosa sia ajax rain, ma non credo sia importante come generi il codice HTML/CSS: l'importante e` che deve funzionare bene.

Riassumendo quello che ho gia` scritto, ti sto consigliando di:
1. testare in un browser conforme agli standard (FF, Safari, Opera): il test solo in IE e` molto limitante e fuorviante;
2. definire esplicitamente l'altezza degli span (altrimenti ciascun brwoser fa quello che gli pare).

In realta` il bug non e` con la DTD strict, ma con l'altra, con la quale IE non segue gli standard, ma si comporta come facevano le vecchie versioni del browser.

**agenti** · 03-04-2008, 14:57

io ho provato con entrambi browser...

e l'errore è identico..

ho anche dato un altezza agli span..
ma restano sempre schiacciati..

Discussione: grafico orizzontale conflitto con xhtml1-strict.dtd

Strumenti discussione

Ricerca discussione

Visualizza

grafico orizzontale conflitto con xhtml1-strict.dtd

Permessi di invio