Ciao a tutti,
devo creare un box che si adatta al contenitore con bordi img.
Le img che utilizzo sono in totale 8 e sono le seguenti:
top_sx.gif (angolo sx dimensione 8 x 8)
top_dx.gif (angolo dx dimensione 8 x 8)
top.gif ( bordo superiore dimensione 1 x 8)
sx.gif ( bordo laterale sx dimensione 8 x 1)
dx.gif ( bordo laterale dx dimensione 8 x 1)
bottom_sx.gif (angolo sx dimensione 8 x 8)
bottom_dx.gif (angolo dx dimensione 8 x 8)
bottom.gif ( bordo inferiore dimensione 1 x 8)
il codice della pagina che ho creato è questo:
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> div.box{width:70%;height:auto;line-height:100%;padding:0} div.angolo_up_sx{height:8px;background:url(bordo/top_sx.gif) no-repeat top left;} div.angolo_up_dx{background: url(bordo/top_dx.gif) no-repeat top right;height:8px;} div.linea_up{background:url(bordo/top.gif) top left repeat-x;height:8px;margin:-8px 8px;} div.bordo_sx{background:#FFF url(bordo/sx.gif) repeat-y left;} div.bordo_dx{background:url(bordo/dx.gif) repeat-y right;padding:0 10px;} div.linea_bt{background:url(bordo/bottom.gif) repeat-x;height:8px;margin:-8px 8px;} div.angolo_bt_sx{background:url(bordo/bottom_sx.gif) no-repeat bottom left;height:8px;} div.angolo_bt_dx{background:url(bordo/bottom_dx.gif) no-repeat bottom right;height:8px;} </style> </head> <body> <div class="box"> <div class="angolo_up_sx"> <div class="angolo_up_dx"></div> <div class="linea_up"></div> </div> <div class="bordo_sx"> <div class="bordo_dx"> CONTENUTO </div> </div> <div class="angolo_bt_sx"> <div class="angolo_bt_dx"></div> <div class="linea_bt"></div> </div> </div> </body> </html>
il codice si vede perfettamente con FF - IE 7 - Crome.
Con IE 6 invece i bordi superiore e inferiore vengono sfalsati, l div contenitore (angolo_up_sx e angolo_bt_sx) hanno un'altezza di 19 px invece di 8px.
Quale può essere il problema?
Non so come allegarvi le img!
Grazie mille

Rispondi quotando