problema con definition list :oS

**bobygiaz11** · 23-04-2007, 10:23

Ciao!

sono alle prese con il mio primo piccolo sito fatto con i css... e mi da molte soddisfazioni

)
ma anche un problema!

una pagina contiene quattro div con definition list (è un elenco di nomi e affiliazioni), una delle quali piuttosto lunga.

non capisco perchè ma la pagina in questione si sposta un po' a sx rispetto alla finestra del browser... e questo in seguito all'aggiunta di un ulteriore list item...

non so se sono riuscita a spiegarmi...

forse le definition list hanno una lunghezza massima?

grazie a chi vorrà aiutarmi! :master:

**Mich_** · 23-04-2007, 10:39

Se cerchi aiuto, direi che non ti sei spiegata.
Occorre conoscere il codice (HTML + CSS) della <dl>, dei <dt> e <dd> e dei blocchi che la contengono.

E personalmente non ho capito cosa si sposta a sinistra: parli di pagina: ti riferisci a tutto il <body>?

In quali browser hai testato? si comporta uguale in tutti?

Se hai un link, postalo: e` piu` facile riprodurre il problema.

**bobygiaz11** · 23-04-2007, 11:47

ok, scusate, ci riprovo...

a dire il vero pensandoci bene il problema che ho posto riguarda l'html della pagina... ma forse c'è modo di "aggiustarlo" con i CSS

il codice incriminato è semplicemente una definition list, la seguente:

<div class="board">

<h3><span>Comitato Scientifico</span></h3>

<dl>

<dt>Cognome Nome</dt>
<dd>affiliazione </dd>
<dt>Cognome Nome</dt>
<dd>affiliazione </dd>
<dt>Cognome Nome</dt>
<dd>affiliazione </dd>
<dt>Cognome Nome</dt>
<dd>affiliazione </dd>

</dl>
</div>

al posto di:

<dl>
<dt>Gaetano Maria Fara</dt>
<dd><span>Dipartimento di Scienze di Sanità Pubblica
Università la Sapienza di Roma </span> </dd>
<dt>Fabrizio Fontana</dt>
<dd><span>Direzione Cura e Riabilitazione
Azienda Provinciale per i Servizi Sanitari di Trento</span> </dd>
<dt>Giovanni Maria Guarrera</dt>
<dd><span>Direzione Cura e Riabilitazione
Azienda Provinciale per i Servizi Sanitari di Trento</span> </dd>
<dt>Giandomenico Nollo</dt>
<dd><span>Dipartimento di Fisica
Università degli Studi di Trento & ITC</span> </dd>

.

</dl>

di cui in realtà non ho ancora definito il layout nel css.

il mio problema, su firefox e opera, è che si sposta verso sinistra di qualche millimetro, nella finestra del browser, tutto il body in blocco... mentre ie6 non da questo effetto

il codice è corretto, ne ho fatto la validazione su W3C

**Mich_** · 23-04-2007, 12:10

Ancora non ho capito cosa vuol dire "spostare". E` una cosa che ha una sequenza temporale (prima era a destra, poi si e` spostato), o e` una diversa posizione di un elemento in un browser rispetto all'altro? Non si tratta per caso del "bug dei tre pixel" che affligge il browser IE in qurks mode?

Altro dubbio.
Perche` quegli <span> dentro i <dd>? E perche` gli [b] dentro i <dt>?
Mi viene il dubbio che vuoi prima formattare tramite il codice HTML, e poi correggere con i CSS. E` chiaro che la cosa puo` diventare complicata.

Poi per sistemare il CSS, occorre conoscere che effetto vuoi ottenere. I <dd> devono stare sulla stessa riga dei <dt> o devono andare a riga sotto?

PS: attenta a postare nomi ed indirizzi di persone ignare: il forum e` pubblico e forse le persone citate non sono contente (puoi editare il tuo messaggio, entro un certo tempo dalla pubblicazione).

**bobygiaz11** · 24-04-2007, 16:18

ho risolto!

non so bene come, ma in effetti togliendo le formattazioni dall'html (che erano comunque provvisorie) l'effetto di spostamento della pagina si è risolto!

per spostamento intendevo che le pagine (con layout a larghezza fissa centrato) contenenti queste liste si presentavano spostate leggermente a sinistra nella finestra del browser rispetto a tutte le altre...

ringrazio comunque per l'attenzione!

Discussione: problema con definition list :oS

Strumenti discussione

Ricerca discussione

Visualizza

problema con definition list :oS

Permessi di invio