Ho un problema con la scelta del doctype.. se metto strict html 4.1 sia in mozilla che in ie la pagina si vede in basso a destra e per vederla deve scendere con le barre... se metto il transitional in mozilla si vede bene e in ie come prima.. come mai? dove sbaglio? questo è l'hmtl:
questo il css di ie:codice:<html> <head> <link rel="stylesheet" type="text/css" href="style-agri.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>~ Agriraimo ~</title> <meta http-equiv="Content-Language" content="it" /> <meta name="description" content="L'Agriturismo Agriraimo è sito in Montemarano, provincia di Avellino. Situato in zona montuosa, offre servizi di pernottamento e ristorazione." /> <meta name="keywords" content="agriturismo, agriraimo, agriturismo agriraimo, montemarano, avellino agriturismo, pernottamento agriturismo, lavorazione del latte, mungitura agriraimo" /> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div#descr div").stop().click(function(){ if($(this).next().is(":hidden")){ $("div#descr p").slideUp("slow"); $(this).next().slideDown("slow"); }else{ $(this).next().slideUp("slow"); } }); }); </script> </head> <body> <div id="page"> <div id="header"> </div> <div id="menu"> <ul class="lista" style="margin: 20 0 0 0;"> <li class="elem">Home <li class="elem">Su di Noi <li class="elem">La nostra Cucina <li class="elem">I Dintorni <li class="elem">Le Stanze <li class="elem">Contatti [/list] </div> <div id="body"> <div id="container">[img]image/foresta.jpg[/img]</div> <div id="title"><h1>~ Agriraimo ~</h1></div> <div id="descr"> <div style="font-weight: bold;"> Località </div> <p style="display:none;"> Montematano, provincia di Avellino. </p> <div style="font-weight: bold;"> Tipologia </div> <p style="display:none;"> Agriturismo </p> <div style="font-weight: bold;"> Posizione </div> <p style="display:none;"> Montagna </p> <div style="font-weight: bold;"> Trattamento Offerto </div> <p style="display:none;"> Pernottamento e prima colazione, Mezza pensione e Pensione completa </p> <div style="font-weight: bold;"> Sistemazione </div> <p style="display:none;"> 4 Camere con 4 Posti Letti ciascuna </p> <div style="font-weight: bold;"> Periodo di Chiusura </div> <p style="display:none;"> Il Lunedi nel Periodo Invernale </p> <div style="font-weight: bold;"> Servizi </div> <p style="display:none;"> Ristorante - TV in camera - Prodotti tipici – Vicinanza Monte Terminio , Laceno - Parcheggio - Animali ammessi </p> <!-- <h3>[img]image/decor/informazioni.gif[/img]Breve Descrizione</h3> L’Agriturismo “AGRIRAIMO” si trova a 6 km dal centro di Montemarano in provincia di Avellino. La struttura è circondata dal verde, in una zona di particolare interesse paesaggio, nell'azienda vengono allevati bovini. L’Agriturismo, grazie alla sua locazione, lontano dal caos cittadino e immerso nella natura. </p>--> </div> </div> <div id="footer"> <div>Copyright 2010 - Agriturismo Agriraimo - P.I. **********</br> Designed by Esposito Mauro</div> </div> </div> </body> </html>
codice:html{ background-image: url(sfondo.png); } body{ font-family: Verdana, sans serif; font-size: 12px; color: white; } #page{ position: absolute; top: 50%; left: 50%; width: 1000px; height: 500px; margin: -310 0 0 -500; } #header{ position: absolute; top: 0px; left: 0px; width: 1000px; height: 100px; background: url(header.png) no-repeat scroll center center; margin: 0px; padding: 0px; } #menu{ position: absolute; top: 110px; left: 0px; width: 1000px; height: 20px; margin: 0px; padding: 0px; } #body{ position: absolute; top: 145px; left: 0px; width: 1000px; height: 390px; margin: 0px; padding: 0px; background: url(body.png) no-repeat scroll center center; } #footer{ position: absolute; top: 540px; left: 0px; width: 1000px; height: 40px; margin: 0px; padding: 0px; background: url(footer.png) no-repeat scroll center center; text-align: center; } ul.lista{ list-style: none; margin: 0px; padding: 0px; } ul.lista li.elem{ float: left; position: relative; margin: -10 0 0 15; padding: 0px; } li.elem a.link{ background: url(tasti.png) no-repeat; position: relative; float: left; margin: -15 0 0 0; padding: 0px; width: 150px; height: 40px; line-height: 35px; text-decoration: none; text-align: center; color: white; } li.elem a.link:hover{ font-style: italic; font-weight: bold; } #container{ position: absolute; top: 18px; left: 20px; margin: 0px; padding: 0px; } #container img.imm{ width: 470px; height: auto; display: block; text-align: center; margin: 0px auto; padding: 0px; border: 3px solid #597440; } #title{ position: absolute; top: 15px; left: 655px; margin: 0px; padding: 0px; width: 200px; height: 60px; color: #597440; } #descr{ position: absolute; top: 60px; left: 540px; margin: 0px; padding: 0px; width: 420px; height: 400px; overflow: auto; } div#descr div{ text-align: center; text-decoration: bold; margin: 15 0 10 0; padding: 0px; line-height: 20px; color: white; background-color: #1c3206; cursor: pointer; } div#descr div:hover{ opacity: .5; } div#descr p{ text-align: center; text-decoration: bold; margin: 15 0 10 0; padding: 0px; line-height: 20px; color: white; cursor: default; border: 2px solid #1c3206; } div#title h1{ font-size: 24px; margin-top: 20px; } div#footer div{ margin: 5 0 0 0; } #footer a{ color: black; text-decoration: none; } #footer a:link{ color: black; text-decoration: none; } #footer a:hover{ color: white; text-decoration: none; }
Rispondi quotando
