Posizione div diversa in firefox

[Iron83]

Ciao ragazzi, sto creando una grafica da 0 (come di consueto), e come di consueto ci sono differenze nella visualizzazione tra I.E 7 e Firefox, in questo caso sono le div. Procedo a postare il codice:

#promozioni {
float: left;
width: 188px;
height: auto;
border: 1px solid #cccccc;
margin-left: 20px;

}



#promozioni h1{
margin-bottom: 2px;
background: url(immagini/colsx_h1.jpg) repeat-x;
}

#promozioni h2{
font-size: 15px;
color: #0066CC;
}

#promozioni p{
float: left;
font-size: 11px;
padding-left: 3px;

}

#prodotto {
float: left;
width: 80px;
height: 80px;

}

#pulsante{
margin-left: 2px;
} 

In I.E



in Firefox


Il foglio di stile ha passato la validazione a pieni voti

[gengix]

Originariamente inviato da Iron83
......
Il foglio di stile ha passato la validazione a pieni voti

Ok buon per te ma se non posti il codice di struttura diventa difficile aiutarti

[Iron83]

hai ragione dimenticanza

<div id="col-dx">
<h1>Promozioni</h1>
<div id="promozioni">
<h1>Portatile Dell</h1>
<div id="prodotto">
[img]immagini/portatile.jpg[/img]
</div>


Portatile dell Intel Core Duo 4200 4Gb DDR Hdd 250Gb</p>
<h2>890€</h2>
<div id="pulsante">
[img]immagini/button_acquista.png[/img]
</div>
</div>
</div> 

[Iron83]

Nessuno riesce ad aiutarmi?

[Mich_]

Originariamente inviato da Iron83
Nessuno riesce ad aiutarmi?

Calma un attimo. Le persone serie di notte fanno altre cose ...

Comunque quel codice di struttura non e` adatto al contenuto.
La tua e` una lista di oggetti, quindi va inserita tramite liste. Nel tuo caso dovresti usare una lista di definizione, da usare ad esempio cosi`:

<div id="col-dx">
  <h1>Promozioni</h1>
  <dl id="promozioni">
    <dt>Portatile Dell</dt>
    <dd>[img]immagini/portatile.jpg[/img]
      <span class="descr">Portatile dell Intel Core Duo 4200 4Gb DDR Hdd 250Gb</span>
      <span class="prezzo">890€</span>
      [img]immagini/button_acquista.png[/img]
    </dd>
    .... qui le altre promozioni ...
  </dl>
</div>

Ho dei dubbi che <h1> sia l'oggetto adatto per quel titolo: di solito <h1> ce n'e` uno per pagina e definisce il titolo della pagina, non della sezione (colonna).

Attenzione che i valori dell'attributo id non possono essere duplicati: in ciascuna pagina ci puo` essere un solo id con valore "prodotto" ed un solo id con valore "pulsante". Come noti ho cambiato i tuoi id in class, che invece possono essere ripetute.

[Iron83]

Infatti.. io lavoro! comunque grazie della delucidazione avevo dimenticato qualche nozioncina di html , anche perchè il codice di programmazione che uso è ASP e quindi quello che mi serve è che le div si ripetano . Solo du domandine:

1. Al posto di h1 quale tag posso usare per il titolo? Visto che ho usato h1 anche per tutta la colonna di sinistra come titolo, tipo Prodotti, e nella centrale con Promozioni.

2. <dd> ha la stessa funzione dell'<ul>? Potrei anche far euna cosa del genere:

 <ul>[img]immagini/portatile.jpg[/img]
      <li class="descr">Portatile dell Intel Core Duo 4200 4Gb DDR Hdd 250Gb
      <li class="prezzo">890€
      [url="..."][img]immagini/button_acquista.png[/img][/url][/list] 

Grazie

[Mich_]

E` importante che capisci il significato semantico dei tag.
Quello da te proposto e` sbagliato.

Tu hai una serie di prodotti, ciascuno dei quali descritto da una serie di caratteristiche (immagine, prezzo, descrizione testuale).
La lista comprende tutti prodotti, ciascun prodotto e` un elemento della lista.

Ora le liste si realizzano in HTML mediante tre tag: <ul> (liste non ordinate), [list=1] (liste ordinate), <dl> (liste di definizione).
All'interno di <ul> e [list=1] gli elementi si individuano mediante[*], all'interno dei <dl> mediante <dt> (definition term) e <dd> (definition description).


Poi riguardo ai titoli:
I titoli hanno una loro gerarchia:
<h1> e` piu` importante di <h2>, ecc. (fino ad <h6>)
Quindi il titolo principale della pagina sara` <h1>, in una pagina ci possono essere piu` sezioni, ciascuna delle quali avra` un <h2>, ecc.
Dato che non conosco il resto della pagina, non so se il tiolo della colonna dovra` essere <h2> o <h3> o qualcos'altro.