border top che cambia di colore e spessore in ie7

[manumasterone]

ciao a tutti,
il mio problema nei css è questo:
ho creato un bordo in alto di un div con un certo colore, quando lo visualizzo in firefox tutto ok, ma quando lo visualizzo in ie7 lo spessore cambia ed anche il colore che diventa bianco..

le righe del mio css sono queste:

#copyfooter { 
	font-size: 11px;
	height: 60px; 
	padding-top: 20px; 
	background-color: #2f2f2f; 
	border-top: 1px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #545454;
	border-style: dotted; 
    color: #525252;
}

#copyfooter a { 
	color: #525252; 
	text-decoration: none; 
}

che paranoia questa piccola cosa...

aspetto una vostra idea geniale, se arriverà di sicuro vi ringrazierò tantissimo

[gordian]

I bordi punteggiati non si vedono ugluali per IE e FIREFOX.
IE li fa leggermente + spessi.

Comunque scrivendo così:

#copyfooter {
	font-size: 11px;
	height: 60px;
	padding-top: 20px;
	background-color: #2f2f2f;
	color: #525252;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #545454;
}

#copyfooter a { 
	color: #525252; 
	text-decoration: none; 
}

Si vedono quasi uguali.

[manumasterone]

ok grazie gordian sembra meglio ma il colore è sempre diverso... tralaltro quello in ie 7 essendo bianco(colore errato) spicca troppo nel mio sfondo grigio scuro...
com'è possibile che il colore cambi

[gordian]

Secondo me non è che gli da il bianco come colore...
Tu hai impostato un bordo grigio scuro punteggiato. Il browser (IE) visualizza quindi una sequenza di puntini grigi scuri e la distanza tra un puntino e l'altro è bianca.
Firefox li fa + piccoli e quindi la distanza, essendo minore, ti da un'effetto ottico diverso.

[manumasterone]

ops si di fatti hai ragione :master:
però come potrei risolverlo questo problema
cambiando di nuovo colore?

grazie sempre gordian

[gordian]

Originariamente inviato da manumasterone
ops si di fatti hai ragione :master:
però come potrei risolverlo questo problema
cambiando di nuovo colore?

grazie sempre gordian

Qual'è esattamente il tuo problema??
Cioè: come lo vorresti questo bordo?

[manumasterone]

ecco ora ti mando le due immagini con le due differenze di colore e spessore... io vorrei la linea come quella che visualizza firefox...

spero riesca ad illuminarmi gordian

[gordian]

Ma il background del body è #2f2f2f ?
Te lo chiedo perchè dando quel backgrund, su IE7, io vedo il bordo esattamente come lo vedi tu su FIREFOX.
Se invece gli lascio il background bianco, mi da l'effetto che da a te su IE.

Non ho provato su IE6...

[manumasterone]

si il colore è quello #2F2F2F ....
incredibile allora... io li vedo come te li ho mandati... giuro!!!!
con ie6 invece lo vedo come ie7... credo che mi dia il colore di sfondo invece che il bianco... è un leggero grigio #F6F6F6... l'ho inserito nel css del body

body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	background-color: #F6F6F6; 
        background-image: url(../images/top.jpg); 
        background-repeat: repeat-x; 
        background-position: top; 
	color: #454545; 
}

cavolo forse dovrei eliminare quel grigio ma facendo questo eliminerei tutto lo sfondo del tag div centrale...

[gordian]

E dare lo sfondo #F6F6F6 al DIV centrale e mettere #2F2F2F nel body???