[CSS] - Firefox ed IE ?????

[cichity74]

Vorrei rendere compatibile la mia pagina con Firefox
ma da uno strano errore sulla testata, praticamente i link sottostanti scorrono sulla testata oscurandola, questo errore non si presenta sotto IE che la visualizza correttamente tranne che per una sottile differenza nei link di fine pagina (ma questo per il momento poco conta).

per visualizzare la pagina link: http://www.idromec-pumps.com/test/home.htm
per scaricare i sorgenti: http://www.idromec-pumps.com/test/test_css.zip

grazie anticipatamente per i suggerimenti
cichity74

[Mich_]

A che serve quel "position:relative;" che hai nel div #corpo?
Prova a toglierlo.

Inoltre ci sono degli id="spazio_contorno" che sono ripetuti tre volte: non e` permesso. Forse devi usare le calssi invece.

Nota che IE ha il baco sul padding: credo che i vari div "spazio_contorno" dovrebbero avere il margin ad un valore determinato, e il padding a zero.

[cichity74]

Ciao ....
Ho testato i tuoi suggerimenti e questi sono i risultati:

Originariamente inviato da Mich_
A che serve quel "position:relative;" che hai nel div #corpo?
Prova a toglierlo.

Risultati eliminando "position:relative;"
Firefox: i box corpo-colonna1 e corpo-colonna2 vengono sparati in alto sui rispettivi lati
IE: i box corpo-colonna1 e viene portato nell'angolo superiore sinistro ed il box corpo-colonna2
è sparito.
“conviene lasciarlo cosi come è”

Originariamente inviato da Mich_
Inoltre ci sono degli id="spazio_contorno" che sono ripetuti tre volte: non e` permesso.
Forse devi usare le classi invece.

trasformando da:
<div id="spazio_contorno">contenuto</div>
ad:
<span class="spazio_contorno">contenuto</span>

si perdono i margini di 5px intorno al testo

Originariamente inviato da Mich_
Nota che IE ha il baco sul padding: credo che i vari div "spazio_contorno" dovrebbero avere il margin ad un valore determinato, e il padding a zero.

non ti seguo avevi detto di modificare il div in class?????

un altra cosa come risolvo il problema riportato nel post precedente?????

cichity74

[cichity74]

ho risolto il problema....:

codice errato:

#menu {
	background-image:url(../img_graf/sf_menu.gif);
	background-repeat: repeat-x;
	margin: 165px 0px 0px 0px;
	width: 550px;
}

codice corretto:

#menu {
	background-image: url(../img_graf/sf_menu.gif);
	background-repeat: repeat-x;
	width: 550px;
	top: 165px;
	position: relative;
}

ho incasinato tutto utilizzando margin al posto di top e poi dovevo dichiarare position: relative; in quanto div menu è contenuto in div testa.

X Mich_
potresti spiegarmi meglio gli altri errori che hai notato


cichity74

[cichity74]

altro errore:

#testa {
	width:740px;
	height: 208px;
	margin: 0em auto;
	text-align: left;
	background-image: url(../img_graf/header.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
}

background-attachment: scroll; e non fixed

:maLOL: che pollo....

cichity74