Problema Posizionamento oggetto CSS - IE

**ClarkSeth** · 29-12-2011, 14:35

Salve a tutti,
sto impazzendo da qualche giorno, causa IE, purtroppo come molti webmaster, nella realizzazione di un portalino. Sono intoppato in un problema di allineamento di alcuni oggetti, in questo caso, del corpo centrale del sito :
Ecco ora cosa vedo sul browser Chrome o Firefox:

Tutto perfetto!
Ecco invece cosa vedo su IE

Secondo voi, dov'è il problema?Oltre che sul position...?
Ho provato ad inserire de doctype ma il risultato non cambia
HTML esempio:

codice:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
...
<body class="corpo">
     <div class="logow">[img]images/wind.png[/img]</div>
     <div class="logos">[img]images/stm.png[/img]</div>
          <div class="sima">
          <p class="testo">
                   ...
                   ...Contenuto sito vario
                   ...
          </p>
          </div>
     <iframe class="frame" id="frame" src="pages/home.php">
     </iframe>
</body>
</html>

CSS esempio:

codice:

.corpo {
    background:#FF8502 url(../images/bg.png) repeat-x top left;
    margin:0;
    padding:0;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
}
.sima{
    background:url("../images/background.png") no-repeat scroll center center #fff;
    width:58%;
    height:72% ;
    position:relative; 
    border:1px #000 solid;
    margin:20px auto;
    padding:5px 0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.testo {
	background:url("../images/box.png") repeat top left;
	padding: 5px;
	border:1px solid #d5d5d5;
	border-radius:4px 4px 4px 4px;
	margin:1% 2% 1% 2%;
	overflow:auto;
	margin: 5px auto;
	color: #000;
	font-size:13px;
	font-family: Helvetica,Arial,sans-serif;
}

.testo a{
	font-size:14px;
	color:#FF8502;
	font-weight:bolder;
}

Un ultima cosa, come mai con testCC su IE e su Firefox, mi si apre una nuova pagina, come se il target fosse _blank?Su chrome si apre correttamente nell'iframe
Vi ringrazio anticipatamente

**ClarkSeth** · 30-12-2011, 12:51

up

**ResianTaxidrive** · 30-12-2011, 14:06

NOn capisco bene il problema, le due schermate mi sembrano molto diverse.

In linea di massima è ben difficile che un position:relative, senza peraltro nessun valore di coordinata top, left ecc. dia problemi.

**ClarkSeth** · 30-12-2011, 14:08

Originariamente inviato da ResianTaxidrive
NOn capisco bene il problema, le due schermate mi sembrano molto diverse.

In linea di massima è ben difficile che un position:relative, senza peraltro nessun valore di coordinata top, left ecc. dia problemi.

Esatto!proprio per questo sto impazzendo..il position relative non c'entra l'oggetto in IE, ma lo fa con Firefox e Chrome...
Se imposto top...left dopo ho dei risultati sballati su Chrome e Firefox, e lo stesso accade se uso i comandi top: auto; left: auto; IE non se li prende...

**ResianTaxidrive** · 30-12-2011, 14:13

ah, ma tu intendi che tutto il blocco bianco ti si sposta sulla sinistra?
se il problema è questo prova a mettere width:100% nel corpo

**ClarkSeth** · 30-12-2011, 14:17

Originariamente inviato da ResianTaxidrive
ah, ma tu intendi che tutto il blocco bianco ti si sposta sulla sinistra?
se il problema è questo prova a mettere width:100% nel corpo

codice:

.corpo {
    background:#FF8502 url(../images/bg.png) repeat-x top left;
    margin:0;
    padding:0;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    width:100%;
}

Inserito...senza Alcun risultato però...., non è cambiato niente

**ResianTaxidrive** · 30-12-2011, 14:20

e togliendo anche il margin:0?

**ClarkSeth** · 30-12-2011, 14:30

Originariamente inviato da ResianTaxidrive
e togliendo anche il margin:0?

Si cambiando il margin, la situazione cambia, l'oggetto si sposta su IE, ma purtroppo anche da chrome e firefox, decentrandosi, e sconvolgendo tutto:

codice:

.corpo {
    background:#FF8502 url(../images/bg.png) repeat-x top left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
	width:100%;
	margin:0 20% ;
}

**ResianTaxidrive** · 30-12-2011, 16:40

margin:0 20% mi pare difficile che si centri, al limite dagli margin:0 auto. Cmq intendevo di fare una prova eliminando proprio la riga "margin:0"

**ClarkSeth** · 30-12-2011, 17:01

Originariamente inviato da ResianTaxidrive
margin:0 20% mi pare difficile che si centri, al limite dagli margin:0 auto. Cmq intendevo di fare una prova eliminando proprio la riga "margin:0"

si l'ho fatta, e si impostava un margin: 20px 0 0 20px;(tanto per farti capire) in automatico
col margin 0 auto, ho la stessa situazione attuale con margin 0, dato ke gli altri 3 valori right bottom e left sono auto anke se non definiti

Discussione: Problema Posizionamento oggetto CSS - IE

Strumenti discussione

Ricerca discussione

Visualizza

Problema Posizionamento oggetto CSS - IE

Permessi di invio