div 100% larghezza

**mexcal** · 18-04-2011, 17:00

Ho un problema con div al 100% di larghezza, con il codice seguente ho due comportamenti con IE e con FF
Con IE tutto bene mentre con FF sembra che vada oltre il 100% e quindi viene visualizzata la barra di scorrimento orizzontale

codice:

#divfoot01, #divfoot02 {
margin:0 0 0 0; float:left;}

#contenitorecenter100 {
	width: 100%;
	height:30px;
	margin: 0 auto;
	text-align: center;
}
#divfoot01 {
	width:100%;
	background:#161515;
	height:150px;
	color:#cccccc;
	font-size:10px;
	padding: 15px 10px 10px 5px;
	margin: 15px 0 0 0;
}

codice:

    <div id="contenitorecenter100">
        <div id="divfoot01">5555555555</div>
    </div>

**fcaldera** · 18-04-2011, 17:21

se lo vedi bene con IE probabilmente non stai usando un doctype strict (o non lo stai usando affatto) perché il comportamento corretto è quello di Firefox visto che 100% + padding oltrepassa correttamente il 100%

lo spazio occupato in orizzontale è dato da width + padding + border

**mexcal** · 19-04-2011, 09:45

Avevi ragione nel fatto che non usavo un DOCTYPE strict, ma ho provato a cambiarlo e ad usare anche:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

e anche

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ma il risultato è sempre lo stesso, in IE7 e IE8 si vede benissimo mentre i FF compare al barra orizzontale.

Cosa può essere?

**mexcal** · 19-04-2011, 13:29

Ho risolto impostando float:right; anche se non so perchè.
E' giusto o ha delle controindicazioni?

Discussione: div 100% larghezza

Strumenti discussione

Ricerca discussione

Visualizza

div 100% larghezza

Permessi di invio