ho un layout basato parzialmente su tabelle
il menu è sovrapposto all'immagine del fascione e posizionato sotto
su firefox funziona bene, mentre su IE va tutto a parte il fatto che solleva il menu di 1 px
se imposto il valore a bottom:-1px su IE si vede come si dovrebbe vedere, ma su firefox ovviamente me lo scende di un pixel
ma com'è che explorer sollevaa prescindere di un pixel?![]()
codice:CSS Div {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none;} P {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none;} Span {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none;} .header { height:177px; background:#FFFFFF url(template/fascione.jpg) no-repeat; } .header_menu_principale { position:absolute; bottom:-1px; left:0px; height:42px; width:450px; background:url(template/header_menu_principale_sfondo.png) repeat-x; } .header_menu_principale_link { float:left; padding-left:12px; padding-right:12px; padding-top:18px; font-size:12px; font-weight:bold; text-transform:uppercase; } .header_menu_principale_riga_vert { height:42px; width:3px; background:url(template/header_menu_principale_separatore.png) repeat-x; float:left; } .header_menu_principale_angolo { position:absolute; bottom:0px; left:450px; height:42px; width:34px; background:url(template/header_menu_principale_angolo.png) no-repeat; } .header_menu_secondario { position:absolute; bottom:0px; left:484px; height:42px; width:367px; background:url(template/header_menu_secondario_sfondo.png) repeat-x; } .header_menu_secondario_link { color:#FFFFFF; text-align:center; font-size:12px; font-weight:bold; padding-top:18px; } .header_menu_secondario_link A{ margin-top:10px; }codice:HTML ... <tr> <td class="wrapper_bordo_sx">[img]template/pixel.gif[/img]</td> <td colspan="3" class="header"> <div style="position:relative; width:100%; height:100%;"> <div class="header_menu_principale"> <p class="header_menu_principale_link">Link</p> <p class="header_menu_principale_riga_vert">[img]template/pixel.gif[/img]</p> <p class="header_menu_principale_link">Link</p> <p class="header_menu_principale_riga_vert">[img]template/pixel.gif[/img]</p> <p class="header_menu_principale_link">Link</p> <p class="header_menu_principale_riga_vert">[img]template/pixel.gif[/img]</p> <p class="header_menu_principale_link">Link</p> <p class="header_menu_principale_riga_vert">[img]template/pixel.gif[/img]</p> <p class="header_menu_principale_link">Link</p> <p class="header_menu_principale_riga_vert">[img]template/pixel.gif[/img]</p> </div> <div class="header_menu_principale_angolo">[img]template/pixel.gif[/img]</div> <div class="header_menu_secondario"> <p class="header_menu_secondario_link">Link | Link | Link</p> </div> </div> </div> </td> <td class="wrapper_bordo_dx">[img]template/pixel.gif[/img]</td> </tr> ...

Rispondi quotando