padding-top raddoppiato con ie7

**xtommy2** · 14-12-2008, 12:00

Ho un div che contiene una serie di div allineati a destra con float:left
Il div principale ha un padding-top di 2px (ma vale lo stesso per qualsiasi valore) che con IE7 raddoppia, diventando 4px. Ovviamente con Safari e Firefox questo non accade.
Mi sapete spiegare perché?

**digital00** · 14-12-2008, 15:07

In genere è un problema dovuto al doctype..
prova a piazzarci questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

**xtommy2** · 14-12-2008, 15:59

provato, senza risultato...

**Gufo** · 14-12-2008, 16:33

Non capisco perchè dici che tutto radoppia?

Anche con IE 2px sono 2px
Guarda

**Gufo** · 14-12-2008, 16:36

Ti dò anche il codice che ho usato

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#contenitore {
	padding: 2px;
	border: 1px solid #000000;
	margin: 150px;
}
#controllo {
	padding: 0px;
	margin: 0px;
	border: 1px solid #000000;
}
-->
</style>
</head>

<body>

<div id="contenitore">
      <div id="controllo">Controllo padding per IE</div>
</div>

</body>
</html>

**Nikit** · 14-12-2008, 16:42

Dando

codice:

padding:2px

dici al browser che dai 2 pixel su, ma anche giu, 2 pixel a sinistra, ma anche destra.

Non è che intendi questo per raddoppia?

Se vuoi dare solo a sinistra dai

codice:

padding-left:2px;

per su: top
per giu: bottom
per destra: right.

**Gufo** · 14-12-2008, 17:28

Originariamente inviato da Nikit
Dando

codice:

padding:2px

dici al browser che dai 2 pixel su, ma anche giu, 2 pixel a sinistra, ma anche destra.

Non è che intendi questo per raddoppia?

Se vuoi dare solo a sinistra dai

codice:

padding-left:2px;

per su: top
per giu: bottom
per destra: right.

No! Non è questo che intende!
Dice che padding-top: 2px; con IE il padding-top diventa 4px, ma non è vero!

**digital00** · 14-12-2008, 17:29

Originariamente inviato da xtommy2
provato, senza risultato...

Magari posta un po di codice e una pagina di esempio, grazie.

**Gufo** · 14-12-2008, 17:37

Originariamente inviato da digital00
Magari posta un po di codice e una pagina di esempio, grazie.

Chiedo scusa se intervengo sulle vostre risposte, ma che lui posti un codice non ha molta importanza, perchè dice che un padding-top: 2px; con IE risulta di 4px e questo è tutto bisogna solo dimostrare che questo non è vero, io 3 post più su ho postato un'immagine e il relativo codice che dimostra, che anche con IE 2px sono 2px

**xtommy2** · 14-12-2008, 18:03

è un codice un po' articolato, appena ho un attimo lo pubblico.

Discussione: padding-top raddoppiato con ie7

Strumenti discussione

Ricerca discussione

Visualizza

padding-top raddoppiato con ie7

Permessi di invio