PDA

Visualizza la versione completa : differenze fra explorer e firefox

pisistrate
23-11-2010, 14:12
perchè con firefox questa pagina si vede bene, mentre con explorer 8 si vede male !!!



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sito Istituzionale del </title>


<style type="text/css">
<!--
.intestazione {
background-color: #FFFFFF;
position: relative;
height: 140px;
width:100%;
background-position: left;
}
.corpo {
background-color: #FFFFFF;
height: 580px;
position: relative;
width:100%;
}
.piede {
background-color: #9966FF;
height: 20px;
position: relative;
width:100%;
}
.menu_navigazione {
background-color: #009900;
height: 20px;
position: relative;
padding-left: 5px;
vertical-align: middle;
}
.intestazione_logo {
background-color: #FFFFFF;
float: none;
height: 100px;
width: 600px;
position: absolute;
}
.intestazione_dx {
background-color: #FFFFFF;
float: right;
height: 100px;
}
.corpo_colonna_menu {
background-color: #6699CC;
float: left;
height: 580px;
width:19%;
overflow: scroll;
padding-left: 5px;
}

.menu {
color: #FFFFFF;
position: relative;
}

.menu_scuro {
color: #000000;
position: relative;
}

.corpo_colonna_dx {
background-color: #FFFFFF;
height: 580px;
float: right;
width:80%;
}
.eventi {
background-color: #FFFFFF;
float: left;
height: 580px;
width: 80%;
}
.evidenza {
background-color: #FFFFFF;
height: 580px;
position: relative;
width: 20%;
float: right;
}

titolo {
background-color: #66CC66;
position: relative;
width: 100%;
height: 12px;
color: #FFFFFF;
border: thick dotted #FF0000;
}

.eventi_casella_alta {
background-color: #99FFCC;
width: 100%;
height: 60%;
overflow: scroll;
}

.eventi_riga {
width:80%;
height: 40px;
}

.eventi_col_sx {
float:left;
height: 40px;
width: 5%;
background-color: #99FFCC;
padding-left: 5px;
}
.eventi_col_centrale {
float:left;
height: 40px;
width: 10%;
background-color: #99FFCC;
padding-left: 5px;
}

.eventi_col_dx {
float:right;
height: 40px;
width: 80%;
background-color: #99FFCC;
padding-left: 5px;
}

clear {clear:both}
clear-invisible {clear:both; invisibility:hidden}

.eventi_casella_bassa {
background-color: #FFFFFF;
width: 100%;
height: 20%;
overflow: hidden;
}
.evidenza_casella_alta {
position: relative;
background-color: #FFFFFF;
padding-left: 5px;
border: thin solid #009900;
;
}
.evidenza_casella_bassa {
background-color: #FFFFFF;
}

.titolo {
background-color: #009900;
position: relative;
height: 12px;
color: #FFFFFF;
text-align: center;
}

-->
</style>
</head>

<body>


<div class="intestazione">../img/intestazione.jpg</div>
<div class="menu_navigazione">menu_navigazione</div>

<div class="corpo">
<div>
<hr class="clear-invisible" />
<div class="corpo_colonna_menu">


</p>
<link href="../css/stili.css" rel="stylesheet" type="text/css" />
<div class="eventi_col_sx">
<a href="../html/index.php?n_categoria=3">
* Il Comune
<a href="../html/index.php?n_categoria=4">
* Uffici e Servizi
<a href=" /amministrazione/uffici_unici_prima.php?n_categoria=25">* Gestioni Associate
<a href="../html/index.php?n_categoria=9">
* Tributi Comunali
<a href="../html/index.php?n_categoria=7">
* Servizi On line
<a href=" http://159.213.91.53/albo/alboonline.php?n_categoria=31">* Albo On Line
<a href="../html/index.php?n_categoria=8">
* Concorsi e Avvisi Personale
<a href="../html/index.php?n_categoria=33">
* Bandi di Gara, Aste e Avvisi
<a href=" ../garante/garante.php?n_categoria=34">* Garante della Comunicazione
<a href=" http://159.213.91.53/governo_territorio/index.php?n_categoria=35">* Urbanistica
<a href="../html/index.php?n_categoria=6">
* Banche dati On line
<a href=" ../modulistica/modulistica_elenco.php?n_categoria=12">* Modulistica
<a href=" ../rubriche/comunicati.php?n_categoria=10">* Comunicati Stampa
<a href=" ../biblioteca/index.php?n_categoria=26">* Biblioteca Comunale
<a href="../html/index.php?n_categoria=28">
* Pubblicazioni dovute per legge
<a href="../html/index.php?n_categoria=32">
* Operazione Trasparenza
<a href="../html/index.php?n_categoria=15">
* Area Privata
</div>
</div></div>
<div class="corpo_colonna_dx">
<div class="eventi">
<p class="testo_centrato_1">indirizzo</p>
<div class="titolo">Novità</div>
<div class="eventi_casella_alta">
<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/5.gif
</div>
<div class="eventi_col_centrale">
29-11-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('../rubriche/comunicati_pagina.php?id_comunicato=234'); return false" title="Clicca qui per visualizzare la notizia">
NUOVE IMPORTANTI VARIANTI AL VIGENTE REGOLAMENTO URBANISTICO APPROVATE NELL'ULTIMO CONSIGLIO </a> </div>
</div>

<hr class="clear-invisible" />

<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/3.gif
</div>
<div class="eventi_col_centrale">
11-11-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('news.php?id_eventi=253'); return false" title="Clicca qui per visualizzare la notizia">
FESTA DI FINE AUTUNNO</a>
</div>
</div>

<hr class="clear-invisible" />

<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/1.gif
</div>
<div class="eventi_col_centrale">
09-11-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('../bandi/bando_pagina.php?id=94'); return false" title="Clicca qui per visualizzare la notizia">
AGGIORNAMENTO DELL'ELENCO COMUNALE DI AVVOCATI PER L'AFFIDAMENTO DI INCARICHI LEGALI.</a>
</div>
</div>

<hr class="clear-invisible" />

<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/1.gif
</div>
<div class="eventi_col_centrale">
08-11-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('../bandi/bando_pagina.php?id=93'); return false" title="Clicca qui per visualizzare la notizia">
AVVISO D'ASTA PUBBLICA DI VENDITA DI IMMOBILI COMUNALI</a>
</div>
</div>

<hr class="clear-invisible" />

<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/5.gif
</div>
<div class="eventi_col_centrale">
04-11-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('../rubriche/comunicati_pagina.php?id_comunicato=236'); return false" title="Clicca qui per visualizzare la notizia">
UNA STRADA xxxxxxxxxxxxxxxx</a>
</div>
</div>

<hr class="clear-invisible" />

<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/5.gif
</div>
<div class="eventi_col_centrale">
02-11-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('../rubriche/comunicati_pagina.php?id_comunicato=235'); return false" title="Clicca qui per visualizzare la notizia">
VARIANTE PER FAVORIRE NUOVA OCCUPAZIONE</a>
</div>
</div>

<hr class="clear-invisible" />

<hr class="clear-invisible" />
<div class="eventi_riga">
<div class="eventi_col_sx">
../img/palle/2.gif
</div>
<div class="eventi_col_centrale">
25-10-2010 </div>
<div class="eventi_col_dx">
<a href="" onClick="window.open('../banche_dati/odg_pagina.php?id=75'); return false" title="Clicca qui per visualizzare la notizia">
Ordine del Giorno del Consiglio Comunale n. 14 del 25-10-2010</a>
</div>
</div>

<hr class="clear-invisible" />



</div>
<div class="eventi_casella_bassa">Content for class "eventi_casella_bassa" Goes Herexxxxxxxxxxxxxxxxxx</div>
</div>
<div class="evidenza">
<div class="titolo">In Evidenza</div>
<div class="evidenza_casella_alta">
CARTA TURISTICA (http://159.213.91.53/docs/Rignano.zip)
<hr>
Operatori di Strada (http://159.213.91.53/associazioni/operatori_di_strada.php)<hr>
PUBBLICAZIONE ALBO DI ZONA DELLE BABY SITTER (http://159.213.91.53/avvisi/bando_tata.php)<hr>
Il Bilancio del Comune (http://159.213.91.53/marco/img0.html)<hr>
Suap - Modulistica ed informazioni (http://centroservizi.lineacomune.it/portal/page/portal/MULTIPORTALE/SPICONLINE/ARCHIVIOMODULI)<hr>
Protezione Civile Intercomunale (http://protezionecivile-arnosudest.055055.it/)<hr>
</div>
<div class="evidenza_casella_bassa">


Content for class "evidenza_casella_bassa" Goes Here</p>


&quot;evidenza_casella_bassa&quot; </p>


&quot;evidenza_casella_bassa&quot; </p>


&quot;evidenza_casella_bassa&quot; </p>


&quot;evidenza_casella_bassa&quot; </p>


&quot;evidenza_casella_bassa&quot; </p>


&quot;evidenza_casella_bassa&quot; </p>
</div>
</div>
</div>
</div>



<div class="piede">piede</div>

</body>
</html>


è un problema di div ?

:bhò: :bhò:
Mich_
23-11-2010, 15:46
Non ho guardato tutto il codice, ma di solito quando IE e` diverso dagli altri browser si risolve semplicemente usando una DTD Strict: prova con XHTML 1.0 Strict.

Infatti con le DTD transitional IE lavora in modo retrocompatibile, e si adgua quindi ai numerosi errori che avevano le vecchie versioni..
pisistrate
23-11-2010, 15:54
ho sostituito la riga con questa
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ma non ha funzionato.


maledetto explorer.....................
Mich_
23-11-2010, 16:00
Meglio che usi una stringa completa. Vedi le possibili sintassi:
http://www.w3schools.com/tags/tag_doctype.asp

In alternativa puoi lavorare con i commenti condizionali (vedi spiegazione tra i "link utili" oppure fa' una ricerca nel forum)
pisistrate
24-11-2010, 09:22
ok per i commenti condizionali, ma se prima non riesco a capire quale è l'errore, non posso fare nulla,

per il DOCTYPE ho provato con tutte le stringhe, ma non ha funzionato,

qualche suggerimento ??
Mich_
24-11-2010, 09:53
Ci sono alcuni strumenti che ti possono aiutare.
Ad esempio se usi Firefox, lo strumento si chiama "developer toolbar" mediante i cui tool puoi vedere quale e` il codice dei blocchi che sballano e quale e` il loro CSS. Per altri browser ci sono strumenti simili (non so pero` se c'e` per IE, ma devi sono idividuare quale codice genera quei blocchi).

Poi prova a giocare con margini e dimensioni, per capire come devono essere sistemati per IE.
Infine inserire i commenti condizionali e` un giochino divertente :) (quasi - e se non te la prendi con i suoi programmatori)
Loading