CSS e Firefox

**Jigen** · 17-10-2007, 12:21

Salve, nel valutare la compatibilità dei CSS con Firefox, ho potuto riscontrare alcuni problemi di visualizzazione delle pagine web tra IE e FF.

Questo di seguito è il foglio di stile con il quale gestisco l'intera pagina web:

codice:

.testo
{
font-family:Verdana, Arial, 'Times New Roman', sans-serif;
font-size:12px;
color:#000000;
}


body
{
  background-image: url(sfondo.gif);
}

#header
{
  top : 10 px;
  height: 275 px;
  width: 772 px;

  background-image: url(header.jpg);
}

#navigazione
{
  top : 285 px;
  height: 45 px;
  width: 772 px;
}

#contenuti
{
  top : 332 px;
  position: absolute;
  height: 233 px;
  width: 562 px;
  right: 36%;
  table-layout : fixed;
  background : #e6e6e6;
  text-align: justify;
  padding: 10px;
}

#contenuti2
{
  top : 332 px;
  position: absolute;
  height: 233 px;
  width: 220 px;
  right: 19%;
  table-layout : fixed;
  background : #e6e6e6;
  text-align: justify;
  padding: 10px;
}

Questa è invece la pagina web:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link href="stile.css" rel="stylesheet" type="text/css">
<title>Sito CSS</title>
</head>

<body>

<center>
<div id="header"> </div>

<div id="navigazione">
[img]../myproject/pulsa.gif[/img][img]../myproject/servizi.gif[/img][img]../myproject/portfolio.gif[/img][img]../myproject/contatti.gif[/img][img]../myproject/final-pulsa.gif[/img] 
</div> </center>

<div id="contenuti"> <span class="testo"> TESTO.... 


hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow 
hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
</span> </div>

<div id="contenuti2"> <span class="testo"> TESTO 2.... 


hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow 
hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
</span> </div>


</body>

</html>

Nella risposta che segue allego una screenshot della pagina vista con IE ed una vista con FF.

**Jigen** · 17-10-2007, 12:28

Immagine in allegato.

**Jigen** · 17-10-2007, 12:30

Internet Explorer screenshot

**Jigen** · 18-10-2007, 13:05

Nessuno in grado di aiutarmi?

**mucu** · 18-10-2007, 13:34

stai sbagliando a scrivere le misure

10px è giusto
10 px è sbagliato

**Jigen** · 18-10-2007, 15:56

Grazie davvero "mucu"!!!

Ora la pagina si vede correttamente in entrambi i browser, peccato solo che la porzione grigia sotto i pulsanti non risulta allineata bene con il resto degli elementi della pagina.

Il comando "right: 36px" per spostare un div ed allinearlo ad altri non viene riconosciuto in egual modo dai browser in questione??

Grazie ancora, rimango in attesa di una Vs risposta alla mia ultima domanda.

**Sgro** · 18-10-2007, 16:03

right: 36px letteralmente significa: se ho posizionamento assoluto sto a 36px dal bordo destro del blocco contenitore relativo.

Regolati di conseguenza.

**Jigen** · 18-10-2007, 16:14

Grazie per la spiegazione "sgro".

Vorrei poter distanziare alcuni elementi dal bordo destro, ma allo stesso tempo vorrei che le impostazioni date venissero rispettate da entrambi i browser, come posso fare sostanzialmente?

Grazie!

**Jigen** · 19-10-2007, 18:37

Nessuno?

Vorrei poter distanziare alcuni elementi dal bordo destro, ma allo stesso tempo vorrei che le impostazioni date venissero rispettate da entrambi i browser, come posso fare sostanzialmente?

**Vinegar_tom** · 20-10-2007, 01:03

non so se ho capito bene cosa vorresti fare ma perchè non provi ad usare margin-right? oppure il margin-left sul div che sta a destra ....

Discussione: CSS e Firefox

Strumenti discussione

Ricerca discussione

Visualizza

CSS e Firefox

Permessi di invio