Padding in FF

**poeta1978** · 25-10-2008, 11:13

codice:

body {
background-color: #97C236;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.corpo {
width: 850px;
background-color: #FFFFFF;
padding-top: 2px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

Aggiungendo un padding in body FF non lo "calcola" proprio. Come risolvo?
Grazie

**pat7331** · 25-10-2008, 15:25

Guarda che funziona:

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"><html>
<head>
	<title>
		new3
	</title>
</head>
<style type="text/css" />
body {
background-color: #97C236;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.corpo {
width: 850px;
background-color: #FFFFFF;
padding-top: 2px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
</style>
<body>
	<div class="corpo"> klhjafdkf gfajklghajkl gjklh sakjh kajh jkghjkahgkjahg kjaghkjhgjkagh jkahgj khsagjkh  aghjk afh gjkha gjkhafjkg hjgj gajk gjkh fsjk hjksagjk gfjkh gfag
	</div>
</body>
</html>

**poeta1978** · 25-10-2008, 18:47

css

codice:

body {
background-color: #97C236;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-right: 10px;
}
.corpo {
width: 850px;
background-color: #FFFFFF;
padding-top: 2px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.menu {
border-top: 2px #383484 solid;
}

html

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=iso-8859-1" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="corpo">
<div class="menu">
testo
</div>
</div>

</body>
</html>

A 800x600 il padding-right su FF non va.

**pat7331** · 25-10-2008, 19:50

Si è vero ma perché il div.corpo diventa più grande del body, quindi deborda. Prova a dargli un bordo al body e vedi come si comporta. Anche su Opera fa così, è su IE che si comporta male.

**poeta1978** · 25-10-2008, 19:56

Uguale

**poeta1978** · 25-10-2008, 20:02

codice:

body {
background-color: #97C236;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.corpo {
border-right: 10px #97C236 solid;
width: 850px;
background-color: #FFFFFF;
padding-top: 2px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.menu {
border-top: 2px #383484 solid;
}

Così va

**pat7331** · 25-10-2008, 20:07

Se al posto del div.corpo che ha una misura di 850px, quindi superiore al body nella risoluzione 800x600, metti del testo vedrai il margine lo prende. Oppure assegna al div.corpo una misura del 100% e vedrai che funziona.

**pat7331** · 25-10-2008, 20:20

ok

Discussione: Padding in FF

Strumenti discussione

Ricerca discussione

Visualizza

Padding in FF

Permessi di invio