ciao a tutti, vorrei ottenere una specie di cornice usando due div, uno dentro all'altro.
mi spiego meglio, il div esterno è un quadrato con bordo 1px nero, voglio mettergli dentro un altro div il cui bordo sia 1px, bianco e sia attaccato immediatamente sotto al bordo del div esterno, in modo da creare l'effetto grafico di un quadrato avente bordo di 2 px (1px bianco + 1px nero).
il codice che riporto sotto produce il risultato voluto con IE, ma con firefox il div interno sborda di 1 px dal bordo inferiore
#ext {
border: 1px solid #000;
position: relative;
height: 100px;
width: 100px;
}
#int {
border: 1px solid #fff;
position: relative;
height: 100%;
}
<div id="ext">
<div id="int">
</div>
</div>
precisazione: voglio che il div interno sia "dinamico", ovvero che non abbia altezza/larghezza specificate in termini di pixel...
grazie in anticipo!
matteo
Rispondi quotando
