- Home
- Categorie
- Coding e Sistemistica
- Coding
- Adattare i CSS affinché siano visibili con tutti i browser
-
Adattare i CSS affinché siano visibili con tutti i browser
questo e' il codice del mio css
in mozilla funziona .... con explorer sfasa tutto....qualcuno sa darmi uno mano?
Aiutooooooooooooo
Grazie
Antonio/stili per il layout fisso con background/
html,body{margin: 0;padding:0}
body{
font-family: arial,sans-serif;
font-size: 76%;
text-align:center;
background-color: #D68431;
}
ul.menu1 {
width:500px;
list-style:none; /* elimino i punti elenco /
margin:0; padding:0; / elimino i rientri delle liste /
}
ul.menu1 li a {
display:block; / il link occupa tutto lo spazio orizzontale /
text-decoration:none; / elimino la sottolineatura, che si tratta di un link si capisce dalla struttura /
padding:0 1em; / lascia spazio far il bordo del menu e il testo del link /
height:2em;line-height:2em; / altezza del link: height e line-height devono avere il medesimo valore /
}
ul.menu1 li { display:inline } /elimina lo spazio fra gli elementi della lista introdotto da Opera/
ul.menu1 li a:link, ul.menu1 li a:visited {
background:#D68431;
color: #009;
} / colori per il link /
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #98012E;
color:#FFFFFF;
} / colori per l'effetto roll-over */div#MENU
{
font-size: 11px;
font-family: Verdana;
text-align: Center;padding: 5px; background-color:;}
a.MENU
{
background-color:;
color:;
font-weight: Bold;
text-decoration: None;
width: 100px;
padding: 1px;}
a:hover.MENU
{
background-color:;
color: #EEEEEE;
font-weight: Bold;
text-decoration: None;
width: 100px;
padding: 1px;}
div#container{width:760px; margin:0 auto;
border-width: 0 1px; border-style:solid; border-color: #ccc;
repeat-y top right}
/div#container2{background: repeat-y top left;text-align: left}/
div#container2{background: repeat-y top left;text-align: left}
/stili generici, su header e footer/
div#header{height: 140px; margin-top:23px;background-color:#98012E;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color:;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}
/stili specifici per il layout/
div#navigation{float: left;width: 150px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
div#extra{float: right; width: 160px;padding: 2em 5px}
div#content{margin: 0 100px;width:532px;height:548px;padding: 1em 10px;background-color:#D68431}
div#footer{clear:both; text-align:center; padding: 5px 0;
background-color:; color: #000 margin-bottom: 23px;}
/stili per la navigazione/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#98012E;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color:;text-decoration: none}
div#navigation p{font-size: 90%}
/stili per la sezione extra/
div#extra div.newsbox{
font-size: 90%;
margin-bottom: 5em;}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{ margin-left: 100px}
.Stile2 {color: #FFFFFF}
.Stile3 {color:}
.Stile4 {font-size: 100%}
-
Ciao, benvenuto nel forum
Ti consiglio di postare l'indirizzo di una pagina di esempio, perché vedendo solo il css senza sapere cos'è che non funziona e soprattutto senza il codice html associato è impossibile risolvere il problema.
Inoltre dovresti indicare quali versioni di IE hanno problemi. Ci sono innumerevoli differente tra IE6 e IE7.
-
Questa e' la pagina asp riferita al css
<html>
<head>
<title>I Contatti</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="css/mandala.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Stile5 {color: #98012E}
-->
</style>
</head><body>
<div id="container"><div id="container2">
<div id="header">
<h1 align="right"><img src="immagini/mandala.jpg" width="152" height="33" align="top"><img src="immagini/loghino_mandala.jpg" width="86" height="82">
<div id="MENU">
<a class="MENU" href="home_html">Home</span></a>
<a class="MENU" href="filosofia.asp">Filosofia</a>
<a class="MENU" href="Team.htm">Team</a>
<a class="MENU" href="Corsi.asp">Corsi</a>
<a class="MENU" href="trattamenti.htm">Trattamenti</a>
<a class="MENU" href="eventi.asp">Eventi</a>
<a class="MENU" href="contatti.asp">Contatti</a>
<a class="MENU" href="links.htm">Links</a>
</div>
</h1></div><div id="navigation">
<ul>
<li><img src="immagini/lo_spazio_della_pace.jpg" width="52" height="548"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li> </li></ul> </div> <div id="extra"><div class="newsbox"> <div align="right"> <img src="immagini/foto_contatti_dx.jpg" width="102" height="265" align="right" > </div> <div align="right"> <img src="immagini/foto_contatti2_dx.jpg" width="102" height="265" align="right" > </div> </div> </div> <div id="content"> <p></p> <p><img src="immagini/contatti.jpg" /> <div class="Stile2" id="testo"> <p>Il MANDALA di Walter Cavaletti</p> <p> Via Strada della Carita' , 8 - 20097 Milano </p> <p>Tel . 02/4598067 - Fax. 02/4598068</p> <p> Gli orari di segreteria sono: </p> <p>dal Lunedi' al Venerdi', dalle 15 alle 20 </p> <p>Puoi compilare questo form per richiedere informazioni</p> <p> sulle attivita' dell'Associazione IL MANDALA</p> </div> <p></p> <form action="inviamail.asp" method="post" class="ft"><table>
<colgroup><col align="right"></col><col align="left"></col></colgroup>
<tr><th colspan="2"><h3 class="Stile5">Dati Personali </h3></th>
</tr>
<tr>
<th><span class="Stile2">Nome:</span></th>
<td><input type="text" name="nome" value="" title="nome"><td></tr>
<tr>
<th><span class="Stile2">Cognome:</span></th>
<td><input type="text" name="cognome" title="cognome"></td></tr>
<tr><th><span class="Stile2">Email:</span></th>
<td><input type="text" name="email" title="email"><td></tr>
<tr>
<th><span class="Stile2">Telefono:</span></th>
<td><input type="text" name="telefono" title="telefono"><td></tr><tr><th colspan="2"><h3 class="Stile5">Messaggio</h3></th> </tr> <tr> <th> </th> <td><textarea name="messaggio" rows="5" cols="40" title="messaggio"></textarea></td></tr> <tr><td></td><td><input type="submit" value="Invia" style="background-color:#98012E;color: #FFFFFF"> <input type="reset" id="reset" value="Reset"style="background-color:#98012E;color:" ></td></tr></table>
</form>
</div><div id="footer"><span class="Stile3">Walter Cavaletti // e-mail [email protected] // Strada della Carità,8 <br>
20097 - Milano // C.Fiscale 97479320158 // powered by</span> <span class="Stile2">Afuweb</span></div>
</div>
</div></body>
</html>i test li faccio su ie7 e mi disallinea immagini e testo