quando applico il metodi di tantek-celik ad un <div> per correggere un attributo padding su IE5 il div successivo mia appare senza bordi e senza sfondo, 'guardate la seguente pagina:
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/screen.css" type="text/css"> </head> <body> <div id="content"> <div id="left"> <div id="description"> scegli le opzioni per il tuo preventivo</div> <div id="choice_bg"><div id="choice"><div id="choice_text"> scegli la tipologia del sito:</p> <form action="02.php" method="post" name=""> <input type="radio" name="radiobutton" value="radiobutton"> statico <input type="radio" name="radiobutton" value="radiobutton"> dinamico </p> <div id="forward"><input type="submit" name="submit" value="avanti >"></div> </form> </div></div></div> </div> <div id="right"> <div id="guide_title">guida</div> <div id="guide"> <div id="guide_text"> testo</p> </div> </div> </div> </div> </body> </html>
e poi guardate il seguente CSS:
codice:/*<group=tags>*/ p { margin-top: 5px; } body { color:#036; font: 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; } form { margin-left: 20px; margin-top: 20px; } input { margin-top: 10px; color: #262d6c; } /*</group>*/ /*<group=divs>*/ #content { width: 700px; border: 1px solid #e4e4e4; position: relative; height: 400px; margin: 20px auto 0px auto; padding: 0px; text-align: left; background: #f9f9f9 no-repeat left bottom url(../images/bg_home.gif); } #left { width: 495px; float: left; margin: 15px 0px 0px 10px; padding: 0px; } #description { width: 495px; padding: 4px 0px 4px 5px; border: 1px solid #b5cade; color: #869cb2; margin: 0px; voice-family: "\"}\""; voice-family: inherit; text-indent: 5px; padding: 4px 0px 4px 0px; } #choice_bg { background: url(../images/bg_choice2.jpg) no-repeat right top; } #choice { width: 495px; height: 300px; border: 1px solid #b5cade; overflow: auto; background: #ffffff repeat-x left bottom url(../images/bg_choice.gif); margin-top: 10px; -moz-opacity: 0.8; filter: alpha(opacity=80); } #choice_text { text-align: left; margin: 5px; -moz-opacity: 1; filter: alpha(opacity=100); } #forward { background: #f0f0f0; text-align: right; margin-top: 15px; margin-bottom: 15px; padding-bottom: 5px; padding-right: 30px; -moz-opacity: 1; filter: alpha(opacity=100); } #right { width: 160px; margin: 15px 0px 0px 10px; float: left; top: 0px; padding: 0px; } #guide_title { width: 160px; margin: 0px; padding: 4px 0px 4px 5px; border: 1px solid #bce3d3; color: #649963; voice-family: "\"}\""; voice-family: inherit; text-indent: 5px; padding: 4px 0px 4px 0px; } #guide { width: 160px; height: 300px; margin-top: 10px; border: 1px solid #bce3d3; overflow: auto; background: #ffffff bottom repeat-x url(../images/bg_guide.gif); } #guide_text { text-align: left; margin: 5px; color: #336633; } /*</group>*/
come potete notarte ho applicato il tantek-celik a #guide_title per correggere il padding su IE5, ma subito il div successivo ( #guide ) mi appare senza bordi e senza sfondo. perchè?
nn l' ho testato ancora su IE6, ma su moz e altri geko tutto OK.
Rispondi quotando
