Spazio nel margine superire

**quecha** · 12-03-2008, 18:31

Ciao ragazzi,ho realizzato una pagina semplicissima con i css solo che se la visualizzo con ie non ci sono problemi, se invece la visualizzo con firefox vedo un piccolo margine superiore.
Come lo posso risolvere?

codice:

<style type="text/css">
.body{margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background:#034B7C;
	}
.contenitore{margin-left:auto;
			margin-right:auto;
			}
.box{margin-top:0px;
	width:780px;
	height:450px;
	background:#FFFFFF;
	}
.Stile1 {font-size: 10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000066;
		}
</style>
<body class="body">
<div class="contenitore" align="center">
	<div class="box">
			<p align="center">
			[img]gfx/Logo.jpg[/img]
	 		</p>
         </div>
</div>
</body>
</html>

**Myaku** · 12-03-2008, 20:11

non occorre attribuire una classe al body, puoi definire direttamente l'elemento nel css. Detto questo, azzera anche il padding.
Ricorda anche che è FF il browser aderente alle specifiche, non IE che dovresti quindi sistemare per ultimo.

ps. evita anche attributi di formattazione inline, vedi "align", e occhio all'uso di classi piuttosto che di id

**quecha** · 12-03-2008, 20:14

Ho provato con il padding, ma non è cambiato nulla.
Ora controllo che html sia corretto.

**markeclaudio** · 12-03-2008, 22:35

allora di norma i siti si fanno con il browser che segue maggiormente gli standard perchè a lungo andare aderiranno tutti gil standard e quindi il tuo sito potrebbe non essere + visto correttamente..

Cmq x ovviare a questi problemi crei il css per FF

poi inserisci il seguente codice

codice:

<!--[if IE]>
<link href="style/styleIE.css" rel="stylesheet" type="text/css" />
<![endif]-->

e in styleIE.css metterai alcune informazioni solo di modifica...

SE vuoi vedere un lato pratico guarda questo sito http://www.markeclaudio.netsons.org

**quecha** · 13-03-2008, 10:36

Guardo subito.Grazie!

**UmaThurman** · 13-03-2008, 11:53

Prova così:

Codice PHP:


html, body{

margin:0;

padding:0;

}

In questo modo azzeri padding e margini dei due tag (senza bisogno di attribuirvi classi)

**quecha** · 13-03-2008, 14:45

Originariamente inviato da UmaThurman
Prova così:

Codice PHP:


html, body{

margin:0;

padding:0;

}

In questo modo azzeri padding e margini dei due tag (senza bisogno di attribuirvi classi)

Ho provato ma non è cambiato nulla.
Il problema è questo:

codice:

<body class="body">
<div class="contenitore" align="center">

<div class="box">



[img]gfx/Logo.jpg[/img]
</p>

Il problema è il tag

prima di img. Ma come si può risolvere?

**UmaThurman** · 13-03-2008, 14:53

Sì, è vero... non il tag ma il suo margine.
O azzeri il margin-top del p, o dai un padding al div contenitore

**quecha** · 13-03-2008, 15:02

ok perfetto!
Grazie!

**UmaThurman** · 13-03-2008, 15:06

Figurati!

Discussione: Spazio nel margine superire

Strumenti discussione

Ricerca discussione

Visualizza

Spazio nel margine superire

Permessi di invio