Buongiorno a tutti,
dato il seguente codice css
ricavo questo htmlcodice:#contents { margin:0px 0 0px 0px ;text-align:left;} #textcontents { padding: 6px; margin-left: 250px; text-align: left; background-color: #E8E8E8;} #textcontents H1 { font: bold 14px Tahoma; margin-left: -6px; padding: 15px 0px 0px 15px; background:url(immagini/car-film-freccia-dx.jpg) no-repeat left bottom; } #textcontents p { width: 392px; padding-left: 8px; padding-right: 8px; } #menu { width:240px; float: left; text-align:center;} #menu H1 {FONT-SIZE: 15px; color :#666666; margin: 0px; padding-bottom: 5px; text-align:left} div#container { width: 100%; text-align: left; } div.split div { float: left; } div.split2 div { float: left; background:#FFFFFF; width: 720px; border: 2px solid } div.wide { clear: left;}
il problema è che IN IE la parte destra in grigio si ferma quando finiscono i rispettivi contenuti senza seguire i contenuti della sinistra (chiamato DIV MENU). CON FIREFOX, invece, finiti i contenuti di destra il div continua ad allungarsi fintanto c'è testo nella parte sinistra.codice:.......... <!--[if lte IE 7]> <style type="text/css"> html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/ </style> <![endif]--> </head> <body> <table id="table" width="980px" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <div id="contents"> <div id="menu"> [img]immagini/logo.gif[/img] <div class="head">NEWS DAL MONDO DEI MOTORI</div> <div class="title">Titolissimo</div> <div class="contentsx"> Testo testo testo testo... </div> <div class="head">NEWS DAL MONDO DEI MOTORI</div> <div class="title">Titolissimo</div> <div class="contentsx"> Testo testo testo testo... </div> <div class="box"> <h1>Installiamo pellicole</h1> <div class="contentsx"> Installiamo per case private, istituzioni, centri commerciali, musei, scuole o altro... </div> </div> </div> <div id="textcontents"> <?php include("menu.php"); ?> [img]immagini/film.jpg[/img] <div id="container"> <div class="split"> <div> <h1>I VANTAGGI DELL'OSCURAMENTO</h1> Testo testo testo</p> </div> <div style="margin-top:25px"> [img]immagini/oscuramento-vetri-macchina1.jpg[/img] </div> </div> <div class="wide"></div> </div> </div> </div> <table width="720px" align="right"> <tr><td align="left"> Credits 1 </td> <td align="right"> Credits 2 </td> </tr></table> </td> </tr> </table> </div>
Praticamente quello che sto cercando di fare con l'ultima tabella è che, al finire del Div Centrale (indipendentemente da quanto è sceso giù il div Menu) si dovrebbe posizionare un div o una tabella con i credis con sfondo bianco.
cosa posso fare?
grazie.
Rispondi quotando