<hr> da css

[awd]

correggetemi se sbaglio, ma dalle prove che ho fatto, IE, anche impostando all'elemento i margini a 0px, ha sempre una spazio superiore e inferiore di alcuni pixel! :master:
ma non solo IE, anche firefox (nella condizione che ho esaminato) ha dei comportamenti strani! ci ho perso più di un'ora ma ancora non mi è chiaro bene quale sia il problema. magari domani saprò essere più preciso (se non è già cosa nota)

[andrea.paiola]

non è chiaro

[Polley]

Anch'io ho lo stesso problema.
Stavo per aprire un'altro thread

Praticamente non si riesce a dare un margin: 0; alla linea, la quale con IE lasci uno spazio!!!

Supponiamo di avere:

<div>


Testo></p>
<hr />
</div>

div p {display: block; margin: 0 auto; width: 100px; height: 100px; background: #000000;}
div hr {margin: 0; height: 10px; background: #000000;}

La linea di altezza 10px dovrebbe combaciare con il blocco p ma non lo fà, o meglio in Firefox Ok ma IE6 nisba!!

Io uso Xhtml Strict, cè qualche impostazione strana ?

[pierofix]

Non è che per caso vi state dimenticando che anche i paragrafi hanno dei margini? Se uno setta a zero i margini dell'hr è un conto, ma se i p hanno 2em di margine o padding sopra e sotto...

[Polley]

Originariamente inviato da pierofix
Non è che per caso vi state dimenticando che anche i paragrafi hanno dei margini? Se uno setta a zero i margini dell'hr è un conto, ma se i p hanno 2em di margine o padding sopra e sotto...

Che cosa l'hò messo a fare l'esempio ? :rollo:

[nickmadison]

hai provato con "line-height:0" ?

[Polley]

Originariamente inviato da nickmadison
hai provato con "line-height:0" ?

nisba :rollo: non và !!

direi che ad occhio mi lascia un 5-6 px

[pierofix]

Scusa la risposta affrettata di prima, polley.

Prova con padding:0.

[Polley]

Ho già fatto molte prove su pagina singola.
Il paragrafo non dà problemi, è senza margini e si affianca al div esterno sia sotto che sopra, tutto stà quando metto quella linea.

alla linea ho messo:
margin: 0;
margin: 0 auto;
padding: 0;
border: 0;
border: none;
line-height: 0;
diplay: block;

ma niente

[colde]

Già, l'avevo notato anche io questo problema. Più che altro ho visto che impostando una dimensione di altezza all'HR in FF lo vede correttamente, in IE viene sballata risultando più alta.

Mistero della fede.