immagini su una sola riga

[mrspazzaneve]

Ciao a tutti,

sto eliminando le tabelle da un sito con una barra di navigazione formata da immagini che devono stare adiacenti: ho racchiuso ogni immagine (con relativo colegamento) in un div (class="menudisp") e tutta la barra in un altro div (id="menu"). Per affiancare le immagini ho usato:

#menu {
	height: 43px;
	white-space: nowrap}
.menudisp {
	display: inline}

In IE tutto bene, ma Firefox aggiunge uno spazio tra le immagini, facendo uscire la barra dalla pagina (ha larghezza fissa).
Come potrei rimediare? Grazie

[Mich_]

Un div che racchiude una unica immagine lo vedo come sovrastrutura inutile.

Per affiancare una serie di oggetti di tipo blocco, si deve specificare:
float:left;
(ricordandosi poi di mettere il clear nel primo blocco che non deve essere affiancato).

Per quanti riguarda lo spazio: attenzione che il box-model di IE e` diverso dallo standard, diventa uguale se metti
padding:0;

[mrspazzaneve]

Grazie, appena possibile tolgo i div e uso il float!