comportamento border dotted che diventa dashed

[aculine]

Saluti a tutti,
in un layout che sto realizzando ho due div: uno che contiene un altro.
Ambedue hanno un border impostato a 1px dotted #fff.
Solo che il contenitore mi visualizza il tratteggiato (come se fosse dashed) e il div contenuto mi visualizza correttamente il puntinato.
allego i due css.

#content{
	float:right;
	border-top: 3px solid #ae0000;
	
	padding-top: 5px;
	width: 480px;
	border-bottom: 1px dotted #fff;
	height: 379px;

}
#content_home{
	margin-top: 30px;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;

}

evito di pubblicare il codice html. Allego però uno screenshot, come vedete sono diversi, ma dovrebbero essere tutti e due dotted....

[gengix]

Probabilmente gli da fastidio il "solid" con la dichiarazione estesa, non chiedermi il perchè.

Prova così

#content, #content_home{
	border-style:solid solid dotted solid;
	border-color:#fff;
	border-width:1px 0;
}
#content {
	float:right;
	padding-top: 5px;
	width: 480px;
	height: 379px;
	border-top-color:#ae0000;
}
#content_home{
	margin-top: 30px;
	border-top:none;
}

Fai attenzione perchè mi sa che il valore dotted non venga preso nei IE inferiori al 7 e venga trasformato in dashed.

[Mich_]

Mi sa che devi postare anche il codice HTML ...

Pero` ho l'impressione che i due bordi vengano a coincidere, per cui due dotted sovrapposti possono sembrare un dashed.
Prova a distanziarli, oppure a dare colori diversi.

[gengix]

Mi sa che devi postare anche il codice HTML ...

Pero` ho l'impressione che i due bordi vengano a coincidere, per cui due dotted sovrapposti possono sembrare un dashed.
Prova a distanziarli, oppure a dare colori diversi.

Ho provato per curiosità a distanziarli e a dare delle dimensioni a #content_home e in IE faceva questo scherzo. Tirando via questa proprietà:

border-top: 3px solid #ae0000;

venivano visualizzati correttamente. Non ho spiegazioni per questo comportamento di IE.

[aculine]

Grazie, provo subito subito...

[aculine]

Hai ragione, eliminando il border-top a 3px, portandolo a 1px o a 0, il dotted fa il suo lavoro!

E' ASSURDO.....

Grazie infinite, Luca