[IE vs FireFox]Problema visualizzazione!! [Archivio]

$te

10-09-2008, 11:47

Salve...ho un problema con ie!( strano eh...)

Il link é questo: http://step1.altervista.org/sg/?servizio_ronde.php

Potete notare come con explorer la tabella che contiene il titolo ha due righe che non devono esserci!!

Ora vi posto anke il css:

h2 {
font-size: 12px;
font-family: "Trebuchet MS";
font-weight: bold;
margin: 0px 0px 0px 0px;
padding-left: 5px;
display: block;
text-align: center;
}

.box1
{
margin: 15px;
}

/* Boxs */
.tb
{
margin-left: 10px;
margin-right: 8px;
line-height: 18px;
}

/* Normale */
.title
{
background: url("../img/title/title_bg.gif") repeat-x;
}

.t DIV
{
left: -9px;
width: 9px;
height: 9px;
position: relative;
background: url("../img/title/box.gif") no-repeat 0px 0px;
}

.t
{
margin-left: 9px;
height: 9px;
background: url("../img/title/box.gif") no-repeat 100% 0px;
}

.b DIV
{
left: -9px;
width: 9px;
height: 9px;
position: relative;
background: url("../img/title/box.gif") no-repeat 0px 100%;
}

.b
{
margin-left: 9px;
height: 9px;
background: url("../img/title/box.gif") no-repeat 100% 100%;
}

.l
{
padding: 0px 0px 0px 4px;
background: url("../img/title/l.gif") repeat-y 0px 0px;
}

.r
{
padding: 0px 4px 0px 0px;
background: url("../img/title/r.gif") repeat-y 100% 0px;
}

cosa puo essere???

grazie

pequeno

11-09-2008, 10:24

A prima vista sembrano esserci troppi riferimenti al background..

background: url("../img/title/box.gif") no-repeat 100% 100%;

Per una questione di diversa interpretazione di margini e spaziatura tra i vari browser, ti si presenta quel problema.
In ogni caso dovresti ripulire un bel pò il codice delle tue pagine; dovresti separare completamente css e html: ora ci sono diversi riferimenti all'attributo style nella pagine html.