Salve a tutti, stavo giocherellando con del codice
Come poteve vedere c'è un tag div vuoto giusto dopo </form>. L'ho aggiunto perchè mi sono accorto che senza quel <div></div>, IE si comporta in modo strano (c'era da aspettarselo dopottutto)... ossia, alla comparsa del menu, il div "page" si sposta verso l'alto... aggiungendo quel <div></div> il problema sparisce (e non esiste affatto nè con div nè senza in FF e Opera).codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Prova</title> <style> body { } #container { position: relative; width: 50%; left: 100px; } #page { } #select_block { background-color: #EEEEEE; border: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; display: block; width:200px; position: absolute; max-height: 100px!important; height: 100px; overflow: auto; text-align: left; } #select_block a, #select_block a:hover, #select_block a:link, #select_block a:active { color: #000000; display: block; width: 100%-1px; text-decoration: none; padding-left: 2px; clear: both; } .select { background-color: #EEEEEE; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } </style> <script language="javascript" type="text/javascript"> function preferredchoice(c,h) { document.form1.scelta.value = c; hide(h); } function hide(c) { document.getElementById(c).style.display = "none"; } function show(c) { if (document.getElementById(c).style.display == "block") { hide(c); } else { document.getElementById(c).style.display = "block"; } } </script> </head> <body> <div id="container"> <form name="form1" method="" action=""> <div id="text_block"> <input type="text" name="scelta" style="width:200px;" class="select" onClick="show('select_block');"><input type="submit" class="select" onClick="hide('select_block');" value=" VAI "> </div> <div id="select_block" align="center" style="display:none;"> Ciao Hello Ciao Hello Ciao Hello Ciao Hello Ciao Hello </div> </form><div></div> </div> <div id="page"> Qui va il resto della pagina Qui va il resto della pagina Qui va il resto della pagina Qui va il resto della pagina</p></div> </body> </html>
A cosa potrebbe essere dovuto!?
Rispondi quotando
