margin ie6 ie7

**kapy79** · 22-10-2008, 13:35

salve,
una volta per tutte qualcuno CHIARAMENTE può dirmi come risolvere il maledetto problema del raddoppio margine in ie6??
ho una semplicissima immagine contenuta in un div alla quale ho applicato un margin left di 15%...ovviamente con ie6 diventa quasi il doppio.

n.b. NON FUNZIONA IL TRUCCO INLINE!

**fcaldera** · 22-10-2008, 14:33

posta un link alla pagina in questione

**kapy79** · 22-10-2008, 14:39

non posso è un applicativo in locale, al massimo posso scrivere qui il pezzo di codice e di css.

<div id="destra">
<h1>Benvenuti nella sezione guida dedicata all'utente </h1>

bla bla</p>
[img]images/screen-home.jpg[/img]
</div>

css:
#destra
{
height:100%;
width:70%;
float:left
}

#destra img
{
margin-left:15%;
}

#destra h1 {
margin: 10px 20px 0px 20px;
padding: 0px;
font-size: 12px;
color: #336699
}

**kapy79** · 24-10-2008, 11:41

possibile che nessuno dice nulla??? è un problema vecchio come il mondo ormai!!! eddddaiiii non fate i preziosi!!!

**fcaldera** · 24-10-2008, 11:47

mi spiace ma non vedo nessun raddoppio di margini su explorer 6
questo è il tuo codice con un doctype xhtml strict

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>xhtml 1.0</title>


        <style type="text/css">
            #destra
            {
            height:100%;
            width:70%;
            float:left
            }

            #destra img
            {
            margin-left:15%;
            border : 1px solid #767676;
            }


            #destra h1 {
            margin: 10px 20px 0px 20px;
            padding: 0px;
            font-size: 12px;
            color: #336699
            }
        </style>
    </head>

<body>

<div id="destra">
<h1>Benvenuti nella sezione guida dedicata all'utente </h1>


bla bla</p>
[img]foto[/img]
</div>

</body>
</html>

**kapy79** · 24-10-2008, 12:09

Guarda:
ie7:

**kapy79** · 24-10-2008, 12:10

ie 6

**kapy79** · 24-10-2008, 12:11

è vero che la pagina contiene altri livelli uno a destra e uno a sinistra, ma non penso proprio c'entrino nulla..

**fcaldera** · 24-10-2008, 13:03

avendo un margine in percentuale, se le finestre dei browser che stai usando non sono larghe uguali, vedrai dei margini differenti. Più allarghi la finestra più il margine aumenta (e viceversa)

Comunque, o riporti la pagina nella sua interezza, compresi stili, script e immagini oppure non è possibile aiutarti più di così: se proprio non puoi rendere pubblica quella pagina, copia tutto il necessario e pubblicala da qualche parte.

O almeno fai un copia e incolla di tutta la pagina, stili compresi, dalla prima all'ultima riga

**kapy79** · 24-10-2008, 14:52

grazie ma il discorso è un pò complicato... vabbè, vedrò di simulare la cosa eliminando tutto il contenuto "segreto"

Discussione: margin ie6 ie7

Strumenti discussione

Ricerca discussione

Visualizza

margin ie6 ie7

Permessi di invio