• F
    User •

    css - firefox ok, ie ko [RISOLTO]

    Ciao a tutti,
    avrei bisogno del vostro aiuto:
    ho un foglio di stile

    
/*stili per il layout fluido - Layout a tre colonne con posizionamento assoluto*/

html,body{margin:0;padding:0}
body{font:100.01% "Times New Roman",Arial,sans-serif}
p{margin: 1em 0 1em;line-height:1.4}

/* Margini se si scrivono 4 valori essi saranno:  margin: | top | right | bottom | left |,  se si scrivono solo 3 valori saranno: | top | right-left | bottom | */

h2{margin:0; color:#000033; font:12pt "Times New Roman",Arial,sans-serif}
h3{margin:0; color:#000033; font:11pt "Times New Roman",Arial,sans-serif}
h4{margin:0; color:#000033; font:10pt "Times New Roman",Arial,sans-serif}
h5{margin:0; color:#FFFFFF; font:12pt "Times New Roman",Arial,sans-serif}
h6{margin:0; color:#FFFFFF; font:10pt "Times New Roman",Arial,sans-serif}
h7{margin:0; color:#000033; font:8pt "Times New Roman",Arial,sans-serif}
h8{margin:0; color:#000033; font:12pt "Times New Roman",Arial,sans-serif}
h9{margin:0; color:#000033; font:12pt "Times New Roman",Arial,sans-serif}
h10{margin:0; color:#FFFFFF; font:16pt "Times New Roman",Arial,sans-serif}

/* font font: <size> [ </line-height> ]  | <family> | [ <style> | <variant> | <weight> ] */

.style_div{text-align:justify;}
.style_linea{width:100%; margin:0, padding:0; border-bottom:1px solid #000033;}

.calendario{width=97%}
.mese {font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				color:;		
}
.tdday { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color:;
                  font-weight: normal;
                  font-size: 9px;
                  width: 20px;
                  line-height: 20px;
                  color: #ffffff;
                  vertical-align: middle;
                  text-align: center;
}
.tdtoday { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color: #0055ff;
                  font-weight: bold;
                  font-size: 10px;
                  line-height: 16px;
                  width: 26px;
                  color:;
                  vertical-align: middle;
                  text-align: center;
}
.tdheading { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color: #a0a0a0;
                  font-weight: bold;
                  font-size: 10px;
                  line-height: 20px;
                  color:;
                  vertical-align: middle;
                  text-align: center;
}
.tddate { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color: #f0f0f0;
                  font-weight: normal;
                  font-size: 10px;
                  line-height: 16px;
                  width: 26px;
                  color: #000000;
                  vertical-align: middle;
                  text-align: center;
 }
.caltable { border:;
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width: 1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px
}

div#container{width: 99.8%;background: url(col2.jpg) repeat-y left}
div#container2{background: url(col.jpg) repeat-y right}

div#header{height:220;background: url(logo.gif);color: #FFF; margin:0; border-bottom: 1px solid;}
div#banner{position:absolute; padding:auto; margin-left:31%;margin-right:31%;margin-top:1%;}
div#header h1{position:absolute; margin-left:44%;margin-top:140;text-align:center;font-size: 150%}
div#header h2{position:absolute; margin-left:32%;margin-top:190;text-align:center;font-size: 100%}
div#ora-esatta{position:absolute; margin:20 0 0 140px;}
div#contatore{position:absolute; margin-top:1%; margin-left: 85%;}

div#wrapper{float: left;width: 100%;margin-left: -200px}

div#col-dx{float: right; width: 180px; margin-right: 10px;display: inline;font-size: 80%;}
div#col-sx{float: left;width: 180px;display: inline; margin:0 10px 0 210px;font-size: 80%;}
div#login{margin-top:6px; margin-left:0; font-size: 70%}
div#col-contenuti{background:#0099ff; margin: 0 0 0 400px;padding:0; border-left: 1px solid;border-right: 1px solid;}

div#footer{clear:both;padding:3px 10px;background:#000033;height:33;color:#fff;text-align:center;}

div#form_news{margin:-5px; padding:0;}

/*stili per la navigazione Menù sx*/
div#menu1 {width:185px; margin-top:6px; margin-left:0; padding:0;}
div#menu1 ul {list-style:none; margin:0;	padding: 0;}
div#menu1 li {width:185px; display:inline; margin:0; padding:0;}
div#menu1 a {width:185px; display: block;text-decoration:none; margin:0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu1 a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu1 p {font-size: 50%}
/* Fine style  1 */

/*stili per la navigazione Categorie sx*/
div#menu2 {width:185px;margin-top:18px; margin-left:0; padding: 0;}
div#menu2 ul {list-style: none; margin:0;	padding: 0;}
div#menu2 li {width:185px; display:inline; margin:0; padding:0;}
div#menu2 a {width:185px;display: block;text-decoration:none; margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu2 a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu2 p {font-size: 50%}
/* Fine style  2 */

/*stili per la navigazione Pannello Socio sx*/
div#pannello_socio {width:185px;margin-top:18px; margin-left:0; padding: 0;}
div#pannello_socio ul {list-style: none; margin:0;	padding: 0;}
div#pannello_socio li {width:185px; display:inline; margin:0; padding:0;}
div#pannello_socio a {width:185px;display: block;text-decoration:none; margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#pannello_socio a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#pannello_socio p {font-size: 50%}
/* Fine style  2 */

/*stili per la navigazione Cassa sx*/
div#menu3 {width:185px;margin-top:16px; padding: 0;}
div#menu3 ul {list-style: none;	margin: 0; padding: 0;}	
div#menu3 li {width:185px; display:inline; margin:0; padding:0;}
div#menu3 a {width:185px;display: block;text-decoration:none;margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu3 a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu3 p {font-size: 50%}
/* Fine style  3 */	

/*menu_socio*/
div#menu_socio {width:185px;margin-top:16px; padding: 0;}
div#menu_socio ul {list-style: none;	margin: 0; padding: 0;}	
div#menu_socio li {width:185px; display:inline; margin:0; padding:0;}
div#menu_socio a {width:185px;display: block;text-decoration:none;margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu_socio a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu_socio p {font-size: 50%}
/* Fine menu_socio*/	

/*menu_iscrizione_socio*/
div#menu_socio {width:185px;margin-top:16px; padding: 0;}
div#menu_socio ul {list-style: none;	margin: 0; padding: 0;}	
div#menu_socio li {width:185px; display:inline; margin:0; padding:0;}
div#menu_socio a {width:185px;display: block;text-decoration:none;margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu_socio a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu_socio p {font-size: 50%}
/* Fine menu_iscrizione_socio*/	

/* menu_login*/
div#menu_login {width:185px;margin-top:16px; padding: 0;}
div#menu_login ul {border-top:1px solid;border-bottom:1px solid;list-style: none;	margin: -5px;padding: 0;}	
div#menu_login li {width:185px; display:inline;}
div#menu_login a {width:185px;display: block;text-decoration:none;margin: 0 5px 0 5px;padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu_login a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu_login p {font-size: 50%}
/* Fine menu_login*/

/* menu_admin*/
div#menu_admin {width:185px; margin-top:16px; padding: 0;}
/* Fine menu_admin*/

div#footer a {color: #FFFFFF; text-decoration: none;}	
div#footer a:visited {color: #0099FF; text-decoration: none;}
div#footer a:hover {color:; text-decoration: underline }

div#news{width:100%; height:100%;}
div#tornei{width:100%; height:100%;}
div#presentazione{width:100%; height:100%;}
div#dove_sono{width:100%; height:100%;}
div#informazioni{width:100%; height:100%;}
div#contatti{width:100%; height:100%;}
div#inserimento_soci{width:100%; height:100%;}
/*div#buongiorno{width:100%; height:10%;}*/
/*div#leggiNews{width:100%;}*/
div#fasi_lunari{width:100%; height:100%;}

div#anagrafica{width:100%; height:100%;}
div#abbigliamento{width:100%; height:100%;}
div#pagamenti{width:100%; height:100%;}

div#allievi{width:100%; height:100%;}
div#giovanissimi{width:100%; height:100%;}
div#esordienti{width:100%; height:100%;}
div#pulcini{width:100%; height:100%;}
div#piccoli_amici{width:100%; height:100%;}

div#nuovo_socio{width:100%; height:100%;}
div#select_vis_socio{width:100%; height:10%;}
div#select_mod_socio{width:100%; height:7%;}
div#visualizza_socio{width:100%; height:90%;}
div#modifica_socio{width:100%; height:70%;}
div#inserisci_pagamenti{width:100%; height:40%;}
div#cancella_socio{width:100%; height:100%;}
div#cerca_socio{width:100%; height:100%;margin-top:0;}
div#buongiorno{width:100%; height:100%;margin-top:0;}

    che funziona bene su Firefox, ma non va bene su Internet Explorer 6

    per non sbagliare nella descrizione dell'errore vi rimando alla pagina dove si trova in modo da visualizzare in ambedue i modi come si comporta.
    www punto polisportivaeuropa punto it
    come posso risolvere?
    Grazie

    0
  • F
    User • 
    
che funziona bene su Firefox, ma non va bene su Internet Explorer 6

    errata corrige:
    che funziona bene su Firefox, ma non va bene su Internet Explorer 7

    0
  • C
    User Attivo •

    Cosi in velocità proverei a dare un float:left a '#lheader'.

    0
  • F
    User •

    ciao claudio,
    con il float left all'header mi si aggiustano le colonne, ma mi scompare l'header

    0
  • F
    User •

    Risolto 🙂
    Ho caricato il file con dreamweaver ed ho corretto tutti gli errori che mi ha suggerito.
    C'erano 17 errori: alcuni di sintassi ed altri di forma.
    Effettuate le modifiche funziona regolarmente sia con FF e sia con IE7

    Voglio comunque ringraziarvi e posto il codice aggiustato.

    
/*stili per il layout fluido - Layout a tre colonne con posizionamento assoluto*/

html,body{margin:0;padding:0}
body{font:100.01% "Times New Roman",Arial,sans-serif}
p{margin: 1em 0 1em;line-height:1.4}

/* Margini se si scrivono 4 valori essi saranno:  margin: | top | right | bottom | left |,  se si scrivono solo 3 valori saranno: | top | right-left | bottom | */

h2{margin:0; color:#000033; font:12pt "Times New Roman",Arial,sans-serif}
h3{margin:0; color:#000033; font:11pt "Times New Roman",Arial,sans-serif}
h4{margin:0; color:#000033; font:10pt "Times New Roman",Arial,sans-serif}
h5{margin:0; color:#FFFFFF; font:12pt "Times New Roman",Arial,sans-serif}
h6{margin:0; color:#FFFFFF; font:10pt "Times New Roman",Arial,sans-serif}
h7{margin:0; color:#000033; font:8pt "Times New Roman",Arial,sans-serif}
h8{margin:0; color:#000033; font:12pt "Times New Roman",Arial,sans-serif}
h9{margin:0; color:#000033; font:12pt "Times New Roman",Arial,sans-serif}
h10{margin:0; color:#FFFFFF; font:16pt "Times New Roman",Arial,sans-serif}

/* font font: <size> [ </line-height> ]  | <family> | [ <style> | <variant> | <weight> ] */

.style_div{text-align:justify;}
.style_linea{width:100%; margin:0; padding:0; border-bottom:1px solid #000033;}

.calendario{width:97%}
.mese {font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				color:;		
}
.tdday { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color:;
                  font-weight: normal;
                  font-size: 9px;
                  width: 20px;
                  line-height: 20px;
                  color: #ffffff;
                  vertical-align: middle;
                  text-align: center;
}
.tdtoday { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color: #0055ff;
                  font-weight: bold;
                  font-size: 10px;
                  line-height: 16px;
                  width: 26px;
                  color:;
                  vertical-align: middle;
                  text-align: center;
}
.tdheading { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color: #a0a0a0;
                  font-weight: bold;
                  font-size: 10px;
                  line-height: 20px;
                  color:;
                  vertical-align: middle;
                  text-align: center;
}
.tddate { font-family: Verdana, Arial, Helvetica, sans-serif;
                  background-color: #f0f0f0;
                  font-weight: normal;
                  font-size: 10px;
                  line-height: 16px;
                  width: 26px;
                  color: #000000;
                  vertical-align: middle;
                  text-align: center;
 }
.caltable { border:;
                   border-style: solid;
                   border-top-width: 1px;
                   border-right-width: 1px;
                   border-bottom-width: 1px;
                   border-left-width: 1px;
                   margin-bottom: 0px;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px
}

div#container{width: 99.8%;background: url(col2.jpg) repeat-y left}
div#container2{background: url(col.jpg) repeat-y right}

div#header{height:220px;background: url(logo.gif);color: #FFF; margin:0; border-bottom: 1px solid;}
div#banner{position:absolute; padding:0px; margin-left:31%;margin-right:31%;margin-top:1%;}
div#header h1{position:absolute; margin-left:44%;margin-top:140px;text-align:center;font-size: 150%}
div#header h2{position:absolute; margin-left:32%;margin-top:190px;text-align:center;font-size: 100%}
div#ora-esatta{position:absolute; margin:20px 0 0 140px;}
div#contatore{position:absolute; margin-top:1%; margin-left: 85%;}

div#wrapper{float: left;width: 100%;margin-left: -200px}

div#col-dx{float: right; width: 180px; margin-right: 10px;display: inline;font-size: 80%;}
div#col-sx{float: left;width: 180px;display: inline; margin:0 10px 0 210px;font-size: 80%;}
div#login{margin-top:6px; margin-left:0; font-size: 70%}
div#col-contenuti{background:#0099ff; margin: 0 0 0 400px;padding:0; border-left: 1px solid;border-right: 1px solid;}

div#footer{clear:both;padding:3px 10px;background:#000033;height:33px;color:#fff;text-align:center;}

div#form_news{margin:-5px; padding:0;}

/*stili per la navigazione Menù sx*/
div#menu1 {width:185px; margin-top:6px; margin-left:0; padding:0;}
div#menu1 ul {list-style:none; margin:0;	padding: 0;}
div#menu1 li {width:185px; display:inline; margin:0; padding:0;}
div#menu1 a {width:185px; display: block;text-decoration:none; margin:0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu1 a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu1 p {font-size: 50%}
/* Fine style  1 */

/*stili per la navigazione Categorie sx*/
div#menu2 {width:185px;margin-top:18px; margin-left:0; padding: 0;}
div#menu2 ul {list-style: none; margin:0;	padding: 0;}
div#menu2 li {width:185px; display:inline; margin:0; padding:0;}
div#menu2 a {width:185px;display: block;text-decoration:none; margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu2 a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu2 p {font-size: 50%}
/* Fine style  2 */

/*stili per la navigazione Pannello Socio sx*/
div#pannello_socio {width:185px;margin-top:18px; margin-left:0; padding: 0;}
div#pannello_socio ul {list-style: none; margin:0;	padding: 0;}
div#pannello_socio li {width:185px; display:inline; margin:0; padding:0;}
div#pannello_socio a {width:185px;display: block;text-decoration:none; margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#pannello_socio a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#pannello_socio p {font-size: 50%}
/* Fine style  2 */

/*stili per la navigazione Cassa sx*/
div#menu3 {width:185px;margin-top:16px; padding: 0;}
div#menu3 ul {list-style: none;	margin: 0; padding: 0;}	
div#menu3 li {width:185px; display:inline; margin:0; padding:0;}
div#menu3 a {width:185px;display: block;text-decoration:none;margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu3 a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu3 p {font-size: 50%}
/* Fine style  3 */	

/*menu_socio*/
div#menu_socio {width:185px;margin-top:16px; padding: 0;}
div#menu_socio ul {list-style: none;	margin: 0; padding: 0;}	
div#menu_socio li {width:185px; display:inline; margin:0; padding:0;}
div#menu_socio a {width:185px;display: block;text-decoration:none;margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu_socio a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu_socio p {font-size: 50%}
/* Fine menu_socio*/	

/*menu_iscrizione_socio*/
div#menu_socio {width:185px;margin-top:16px; padding: 0;}
div#menu_socio ul {list-style: none;	margin: 0; padding: 0;}	
div#menu_socio li {width:185px; display:inline; margin:0; padding:0;}
div#menu_socio a {width:185px;display: block;text-decoration:none;margin: 0; padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu_socio a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu_socio p {font-size: 50%}
/* Fine menu_iscrizione_socio*/	

/* menu_login*/
div#menu_login {width:185px;margin-top:16px; padding: 0;}
div#menu_login ul {border-top:1px solid;border-bottom:1px solid;list-style: none;	margin: -5px;padding: 0;}	
div#menu_login li {width:185px; display:inline;}
div#menu_login a {width:185px;display: block;text-decoration:none;margin: 0 5px 0 5px;padding: 0;height: 1.5em;line-height: 1.5em;background:#0099FF;color:;}
div#menu_login a:hover {width:185px;background:#000033;color: #FFFFFF;text-decoration: none;}
div#menu_login p {font-size: 50%}
/* Fine menu_login*/

/* menu_admin*/
div#menu_admin {width:185px; margin-top:16px; padding: 0;}
/* Fine menu_admin*/

div#footer a {color: #FFFFFF; text-decoration: none;}	
div#footer a:visited {color: #0099FF; text-decoration: none;}
div#footer a:hover {color:; text-decoration: underline }

div#news{width:100%; height:100%;}
div#tornei{width:100%; height:100%;}
div#presentazione{width:100%; height:100%;}
div#dove_sono{width:100%; height:100%;}
div#informazioni{width:100%; height:100%;}
div#contatti{width:100%; height:100%;}
div#inserimento_soci{width:100%; height:100%;}
/*div#buongiorno{width:100%; height:10%;}*/
/*div#leggiNews{width:100%;}*/
div#fasi_lunari{width:100%; height:100%;}

div#anagrafica{width:100%; height:100%;}
div#abbigliamento{width:100%; height:100%;}
div#pagamenti{width:100%; height:100%;}

div#allievi{width:100%; height:100%;}
div#giovanissimi{width:100%; height:100%;}
div#esordienti{width:100%; height:100%;}
div#pulcini{width:100%; height:100%;}
div#piccoli_amici{width:100%; height:100%;}

div#nuovo_socio{width:100%; height:100%;}
div#select_vis_socio{width:100%; height:10%;}
div#select_mod_socio{width:100%; height:7%;}
div#visualizza_socio{width:100%; height:90%;}
div#modifica_socio{width:100%; height:70%;}
div#inserisci_pagamenti{width:100%; height:40%;}
div#cancella_socio{width:100%; height:100%;}
div#cerca_socio{width:100%; height:100%;margin-top:0;}
div#buongiorno{width:100%; height:100%;margin-top:0;}

    alla prossima, ciao a tutti

    0
Effettua l'accesso per rispondere