[css] : problema con firefox

**Whitecrowsrain** · 17-02-2005, 12:20

ho creato un layout di pagina tutto con i css ma quando lo apro con IE va tutto bene...quando lo apro con firefox è come se i css non li avessi incorporati alla pagina...come può essere?

**pierofix** · 17-02-2005, 12:22

Il supporto più evoluto, completo e corretto dei css è dato da Firefox: è IE che interpreta male!

**Whitecrowsrain** · 17-02-2005, 12:42

si ma firefox non lo interpreta proprio!come se non lo avessi mai caricato!!!

**Whitecrowsrain** · 17-02-2005, 12:44

ora ti faccio vedere il file .css e mi di ci se ci sono errori:

codice:

/*stili per il layout fisso con posizionamenti assoluti*/
html,body{
	margin: 0;
	padding:0
	}
body{
	font-family: arial,sans-serif;
	font-size: 76%;
	text-align: center
	}
#main{
	position:relative; 
	width: 760px;
	margin: 0 auto;
	text-align: left;
    	border-left: 2px solid #36c;
	border-right: 2px solid #36c;

	}

/*stili generici, su header e footer*/
#header{
	background-color:#36C;
	color: #ff0
	}
h1,h2{
	margin: 0;
	padding:0
	}
h1{
	padding-left:0.5em;
	font: bold 2.3em/80px arial,serif
	}
h2{
	color: #999;
	font-size: 1.5em
	}
#footer a{
	color: #fff;
	font-weight: bold;
	text-decoration: underline
	}

/*stili specifici per il layout*/
#navigation{
	position:absolute;
	top: 80px;
	left: 0;
	width: 120px
	}
/*stili per la navigazione*/
#navigation h2{
	margin : 0.8em;
	padding-left: 0.8em;
	background : #69c;
	color : #FF0000;
	border: 2px solid #36c;
	text-align : left;
	font : normal bold 1.2em arial,sans-serif ;
	width:92px;
	}
#navigation ul{
	margin: 1em 0 1em 1em;
	list-style-type: none;
	background : #69c;
	border : 2px solid #36c;
	}
#navigation li{
	margin: 0 0 0 1em ;
	padding: 0
	}
#navigation a{
	color : #002F80;
	font: normal bold 1.2em/1.6em arial,sans-serif;
	text-decoration: none
	}
#navigation a:hover{
	font-size: 1.5em;
	color: #E1E100;
	text-decoration: underline;
	}
#navigation a#activelink{
	color: #E1E100;
	text-decoration: none
	}


#status{
	position:absolute;
	top: 80px;
	right:0;
	width: 180px;
	text-align: left;
	}
#status form{
	margin: 1em ;
	padding: 10px; 
	background : #69c;	
	font : normal bold 1em arial,sans-serif ;
	color : #002F80;
	border: 2px solid #36c;
	}
#status p{
	margin : 1em ;
	font: normal bold 1em arial,sans-serif;
	color:red;
	text-align:center;
	}
#status h2{
	margin : 0.8em;
	padding-left: 0.8em;
	background : #69c;
	color : #FF0000;
	border: 2px solid #36c;
	text-align : left;
	font : normal bold 1.2em arial,sans-serif ;
	}
#status hr{
		color : #FFFFFF;
		height: 2px;
	}
#status p1{
	margin: 1em;
	padding: 10 px;
	font : normal bold 1em arial,sans-serif  ;
	}

#content{
	margin-left: 150px;
	margin-right: 180px;
	padding: 1em;
	height: 30em;
	background-color: #fff
	}
#content p{
	line-height : 1.5em;
	margin : 10px;
	padding-bottom : 4px;
	border-bottom : 1px dotted black;
}
#content h2{
	color : #CC0000;
	margin : 5px;
	font: bold 1.2em arial,serif
	}
#footer{
	text-align:center; 
	padding: 0.5em;
    	background-color: #69c; 
	color: #000
	}

**Mich_** · 17-02-2005, 12:58

Dovresti postare anche la struttura del codice HTML e il DOCTYPE che usi.

Comunque "status" e` parola riservata (un oggetto del DOM) e non puo` essere usata come identificatore di un <div> o altro oggetto.

**Whitecrowsrain** · 17-02-2005, 13:12

non me ne ero accorto proprio di status!!!
ora lo modifico!

nel frattempo eccoti il codice html(in realtà uso un template smarty):

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
   
   <title>NaViGaRe.it!</title>
   <meta name="AUTHOR" content="Me">
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta content="DOCUMENT" name="RESOURCE-TYPE">
   <meta content="GLOBAL" name="DISTRIBUTION">
   <meta content="Copyright (c) 2005 by Me" name="COPYRIGHT">
   <meta content="" name="KEYWORDS">
   <meta content="Sto a Fa la prova! " name="DESCRIPTION">
   <meta content="INDEX, FOLLOW" name="ROBOTS">
   <meta content="7 DAYS" name="REVISIT-AFTER">
   <meta content="GENERAL" name="RATING">
   <style type="text/css" media="screen"> @import url (css/style.css); </style>
</head>
<body>
<div id = "main">
	
	<div id ="header">
				<h1>NaViGaRe.it</h1>
	</div>

	<div id ="navigation">
		<h2>Menu'</h2>
		<ul>
			[*]Home[*]Forum[*]Contenuti[*]Grafica[*]Linguaggi[*]Webdesign[*]Software[/list]
   	</div>
	
	<div id="content">
		<h2> 26 Gennaio 2005  Ore:15:53 </h2>
		<h1> APRE IL SITO </h1>
		

 Finalmente apre il sito di NaViGaRe.it dove chiuque avesse bisongno
		potra' iniziare ad imparare a navigare. Si comincia da corsi base per principianti fino 
		ad arrivare a corsi più avanzati. Basta iscriversi e partecipare alle lezioni on-line che 
		verranno tenute dai nostri professori alla data stabilita..ognuno poi potra fare le sue domande..
		Allora che aspettate, REGISTRATEVI SUBITO!!!
		</p>
	</div>
	<div id="status">
		{if $username != "ospite"}
			<h2> Stato Utente </h2>
			<form method = "post" name "logOut" action = "logout.php" enctype="application/x-www-form-urlencoded" >
				<center> Salve {$username}</center>	 <hr>
				Ruolo :  WebMaster 
<hr>
				Messaggi nuovi : tot 
<hr>
				Novità nel sito: tot 
<hr>
				<center>
					Esci

				</center>
			</form>
		{else}
			<h2> Login </h2>
			<form method="post" name ="log" action = "index.php" enctype="application/x-www-form-urlencoded" >
				Nick:

				<input type="text"  alt="Nick" name="user" value="" size="14"  />
				

				Password:

				<input  type="password" alt="Password" maxlength="8" size="10" value="" name="pass"/>
				


				<input type="submit"  name="firstlog" value="Log In">
				

			</form>
			<p class = p1> Non sei iscritto allora [img]immagForum/top_register.gif[/img]  </p>
		{/if}
		{if  $ErrLog == "1" }	
			

 Nome utente o password non valida </p>
		{/if}	
	</div>
	<div id ="footer">
		

		Sito interamente realizza da  Me
		

	</div>
</div>
</body>
</html>

**Whitecrowsrain** · 17-02-2005, 13:13

non tener conto del contenuto...è molto ipotetico!!!

**Mich_** · 17-02-2005, 13:19

<form method = "post" name "logOut" action = "logout.php"
manca un =

<p class = p1>
mancano le virgolette

E poi perche` lasci quegli spazi? peggiora la leggibilita` e potrebbero dare fastidio.

Questi sono solo gli errori che ho visto subito: ti conviene passare la pagina ad un validatore: te li troverebbe subito tutti.

**Whitecrowsrain** · 17-02-2005, 13:23

per gli spazi pensavo risultasse più ordinato...

poi con firefox continua ad aprirmi la pagina come se non ci fossero assolutamente css...
se tolgo i css con IE vedo la stessa cosa che se lascio i Css con firefox ... non capisco perchè!

poi se con firefox faccio la validazione css mi scrive:

Target: http://localhost/esempi/ExSmarty/index.php

I/O Error: Unable to contact target server localhost:80 after 3 tries.

**Mich_** · 17-02-2005, 13:29

font: normal bold 1.2em/1.6em arial,sans-serif;

Che significa quel / ? nonlo ho mai visto in un CSS

Che font e` arial? io ho sempre visto Arial

per validatore intendevo quelli del W3c: http://validator.w3.org e da li` raggiungi anche il validatore per i CSS.

Discussione: [css] : problema con firefox

Strumenti discussione

Ricerca discussione

Visualizza

[css] : problema con firefox

Permessi di invio