Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [CSS] problemi visualizzazione con IE6

    Da totale dilettante in materia, seguendo le ottime guide di html.it, ho realizzato un sito web utilizzando i css.
    Le pagine si visualizzano perfettamente sia su firefox, che su IE7, ma ci sono problemi di visualizzazione con IE6.
    Il div "testata" viene visualizzato sotto il suo div conenitore "header", invece che al suo interno.
    Inoltre i colori degli elementi contenuti nel div "content" o non si visualizzano, oppure al passaggio del mouse si "accendono" parzialmente, per poi rispegnersi.
    Considerato che i destinatari del sito sono per lo più inesperti che difficilmente provvedono ad aggiornare il browser, né tantomeno utilizzano browser diversi da IE6, chiedo il vostro aiuto per capire dove sbaglio e come posso rendere le pagine compatibili in tutto e per tuto con IE6.

    Questa è l'indirizzo http://classfigc.altervista.org

    codice:
    /* layout generale */
    
    body {
    	text-align: center;
    	background: #CAD5FF;
    }   /* centra in IE5.x */
    
    	#container {
    	position: relative;
    	width: 800px;
    	text-align: left;
    	margin: 0 auto;
    	}
    
    	#header {
    	}
    	#logolnd {
    	width: 150px;
    	width: 160px;
    	width: 150px;
    	float: left;
    	}
    	#logosgs {
    	width: 150px;
    	width: 160px;
    	width: 150px;
    	float: right;
    	}
    	#testata {
    	margin: 0 150px;
    	}
    
    	#navigazione {
    	left: 0px;
    	width: 150px;
    	width: 160px;
    	width: 150px;
    	float: left;
    	padding-top: 1em;
    	}
    #figc {
    	font-family: "Times New Roman", Times, serif;
    	font-size: large;
    	color: #0066FF;
    	font-weight: bold;
    	text-align: center;
    }
    
    #comitatoct {
    	font-family: "Comic Sans MS";
    	font-size: large;
    	text-align: center;
    	color: #CC0000;
    	margin-top: 1em;
    }
    
    #elefante {
    	margin: 0;
    	text-align: center;
    }
    #areastampa {
    	font-family: "Comic Sans MS";
    	font-size: x-large;
    	text-align: center;
    	padding-top: 5px;
    	padding-bottom: 5px;
    }
    .bloccomenu {
    	margin-top: 1em;
    }
    
    		.titlemenu {
    		background: #BB0000;
    		margin-bottom: 1px;
    		padding-bottom: 5px;
    		padding-top: 5px;
    		font-family: "Comic Sans MS";
    		text-align: center;
    		color: #FFFFFF;
    		}
    
    	.menu ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    		}
    	menu ul li{
    	margin:0;padding:0;
        }
    	.menu a {
    		display: block;
    		text-decoration: none;
    		color: #FFFFFF;
    		background: #00008C;
    		width: 150px;
    		padding-top: 2px;
    		font-family: "Comic Sans MS";
    		text-align: center;
    		padding-bottom: 2px;
    		font-size: small;
    		font-weight: bold;
    		}
    		.menu a:hover {
    	color: #CC0000;
    	background: #FFFFFF;
    	width: 150px;
    		}
    			
    	#extra {
    	right: 0px;
    	width: 150px;
    	width: 160px;
    	width: 150px;
    	float: right;
    	padding-top: 1em;
    	}	
    		.credits {
    		position: absolute;
    		bottom: 0px;
    		left: auto;
    		right: auto;
    		}
    
    	#content {
    	padding-top: 1em;
    	padding-right: 5px;
    	padding-bottom: 1em;
    	padding-left: 5px;
    	margin: 0 150px;
    	}
    		.notizia {
    	font-family: "Courier New", Courier, monospace;
    	background: #FFFFFF;
    	margin-bottom: 3px;
    		}
    			.datanotizia {
    	font-family: "Times New Roman", Times, serif;
    	font-size: small;
    	font-weight: bold;
    	padding-right: 3px;
    	padding-left: 3px;
    	border-right-width: thin;
    	border-right-style: solid;
    	border-right-color: #000000;
    	float: left;
    	text-align: center;
    	width: 45px;
    	vertical-align: middle;
    			}
    			.titolonotizia {
    	color: #0027C6;
    	font-weight: bold;
    	font-family: "Courier New", Courier, monospace;
    	font-size: small;
    	margin-left: 55px;
    	padding-left: 3px;
    	padding-right: 3px;
    			}
    	.titolonotizia a{
    	color: #0027C6;
    	text-decoration: none;		
    	}
    	.titolonotizia a:hover{
    	text-decoration: underline;
    	color: #0027C6;
    	}
    	.abstractnotizia {
    	font-family: "Courier New", Courier, monospace;
    	font-size: small;
    	margin-left: 55px;
    	padding-left: 3px;
    	padding-right: 3px;
    	}
    	.meseanno {
    	background: #BB0000;
    	color: #FFFFFF;
    	font-family: "Times New Roman", Times, serif;
    	font-weight: bold;
    	padding-left: 1em;
    	padding-bottom: 3px;
    	padding-top: 3px;
    	margin-bottom: 3px;
    			}
    		
    	#footer {
    	background: #BB0000;
    	text-align: center;
    	font-family:"Comic Sans MS";
    	font-size:small;
    	color: #FFFFFF;
    	clear: both;
    	}
    Ho utilizzato lo script cutenews per gestire le notizie e lmo (Liga Manager Online) per gestire i tornei.

    Grazie a tutti.

  2. #2

    re

    codice a parte (che non ho letto xche vado di fretta) cmq il sio lo vedo allo stesso modo
    sia IE7 IE6 che Opera .


  3. #3

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.