Spazi strani

[alex986best]

Guardate questo codice:

<div class="header">
	[img]yo incontri2\images\header_benvenuti.gif[/img]

	[img]yo incontri2\images\header_logo.gif[/img]
</div>

Cos'ha di diverso rispetto a questo?

<div class="header">
	[img]yo incontri2\images\header_benvenuti.gif[/img]

	[img]yo incontri2\images\header_logo.gif[/img]</div>

Apparentemente niente, invece il primo mi lascia uno spazio di 4 px sotto alla seconda immagine. Ils econdo invece no. L'altezza delle 2 immagini è di 99px, e l'altezza del div definita nel css è di 99px.

Dove sbaglio?

[jesus]

Te lo fa solo su IE, vero?

Mi pare che una volta io ho risolto così:ù

img {
  display: block;
}

Non è la soluzione più consona ma dovrebbe andare. Se qualcuno trovasse una soluzione migliore sarebbe meglio.

[alex986best]

Ok funza,
ora come faccio a centrare un div all'interno di un altro? C'ero riuscito con text-align center ma se metto il block in NS me li allinea a sinistra....

[jesus]

Per IE serve text-align: center, mentre per gli altri browser basta dare auto ai margini destra e sinistra al box che vuoi centrare:

/* css */
#contenuto {
  text-align: center;
}
#centrato {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* html */
<div id="contenuto">
  <div id="centrato"></div>
</div>

[alex986best]

Se uso text-align: center a volte non me lo centra bene nel senso che fa partire i margine sinistro dal centro ma poi il div esce fuori da quello che lo contiene

[Toeke]

Vi sposto nel forum + indicato.

Fate attenzione per la prossima volta

Toeke

[ScreamingFlower]

Ho anche io questo identico problema, un header che deve contenere solo il banner: Firefox ridimensiona l'header della dimensione giusta mentre IE mi lascia una fastidiosa striscia di qualche pixel nel margine inferiore.
Non so se è il metodo giusto, ma ho risolto mettendo nel CSS:

img {display:block}

poi questo nell'HTML:

<div id="header"> 
<div align="center">
[img]boy.ht1.jpg[/img]
</div>
</div>

No so se quel "<div align="center">" è la procedura corretta
ma così almeno il banner è centrato anche in Firefox