Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Errore di margin in IE 6.0

    Ciao a tutti,

    ho questa pagina sito

    Con FF vedo tutto bene, con IE 6.0, mi sposta il margine sinistro dei tre quadrati in basso del doppio rispetto a quello che ho indicato, non capisco dove sbaglio

    Il contenitore è .servizi la regola è margin-left: 9px; invece di spostarmi il primo quadrato a dx di 9px me lo sposta di 18px.

    codice:
    html, body {
    	margin:0;
    	text-align: justify;
    }
    html {
    	background-color: #040912;
    }
    body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    }
    p {
    	margin: 0;
    	padding: 0;
    }
    /*
         stili dei contenitori
    ------------------------------------------------------------*/
    div#contenitore {
    	width: 960px;
    	height: auto;
    	background-image: url(immagini/sfondo-contenitore.gif);
    	margin: 30px auto;
    }
    div#intestazione {
    	width: 960px;
    	height: 115px;
    	background-image: url(immagini/sfondo-intestazione.png);
    }
    div#descrizione {
    	width: 460px;
    	height: 200px;
    	background-image: url(immagini/descrizione.png);
    	padding: 50px 250px;
    }
    .servizi {
    	width: 306px;
    	height: 298px;
    	margin-left: 9px;
    	float: left;
    	background-color: #061630;
    	border: solid #333 1px;
    }
    #piede {
    	width: 960px;
    	clear: both;
    }
    /*
         stili dei link
    ------------------------------------------------------------*/
    img {
    	border: none;
    }
    
    /*
         stili dei testi
    ------------------------------------------------------------*/
    #intestazione p {
    	padding-left: 352px;
    	padding-top: 14px;
    	color: #ff0;
    	font-weight: bold;
    	line-height: 26px;
    }
    #descrizione h1 {
    	color: #a7cfdf;
    	font-size: 14px;
    	font-weight: bold;
    	border-left: solid #ff0 3px;
    	padding: 0 5px;
    }
    #descrizione p {
    	color: #516985;
    	line-height: 18px;
    }
    .servizi h1 {
    	color: #516985;
    	font-size: 12px;
    	font-weight: bold;
    	border-left: solid #ff0 3px;
    	padding: 0 5px;
    	margin-left: 10px;
    	margin-top: 10px;
    }
    .servizi p {
    	color: #283e5d;
    	padding: 0 5px;
    }
    #piede p {
    	color: #333;
    	padding: 10px;
    	font-size: 10px;
    	border-bottom: solid #092a4b 1px;
    }
    Grazie a chi potrà svelarmi l'arcano...
    Fcw5
    SpeculumAtrum
    AutoCAD - Lavori Pubblici - Apnea

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Sbagli a non fare una ricerca prima di postare ...

    L'errore si chiama "raddoppio dei margini in IE". e si manifesta con i float.
    Mettici anche un pleonastico "display: inline;"
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie 1000!

    non credevo fosse un errore "etichettato", credevo di aver sbagliato io
    E' la prima volta che non effettuo una ricerca, ma non ripeterò lo stesso errore!

    Fcw5
    SpeculumAtrum
    AutoCAD - Lavori Pubblici - Apnea

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.