# Div float centrato con Firefox ed Explorer

**URL:** <https://www.ruby-forum.com/t/div-float-centrato-con-firefox-ed-explorer/117203>\
**Category:** IT\
**Created:** [October 14, 2007, 7:18pm UTC](https://www.ruby-forum.com/t/div-float-centrato-con-firefox-ed-explorer/117203 "2007-10-14T19:18:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [October 14, 2007, 7:18pm UTC](https://www.ruby-forum.com/t/div-float-centrato-con-firefox-ed-explorer/117203/1 "2007-10-14T19:18:53Z")

</div>

Salve,  
sto diventando matto per capire come mai il div chiamato “varie” non  
viene centrato nella sua colonna, di fianco al content e sotto il menu.  
Qualcuno può aiutarmi?

Riporto il codice HTML:

[html]

  

  
contenuto  

```
<div id="corpo">
    <div id="content">
            contenuto
    </div>

    <div id="menu2">
        contenuto
    </div>

    <div id="varie">
        contenuto
    </div>
</div>

```

[/html]E qui il codice CSS:

[code]body {  
margin: 0;  
padding: 0;  
text-align: center;  
background: #FF0000 url(…/xxx/body.jpg) repeat-x center top;  
}

#container {  
width: 800px;  
margin: auto;  
background-position: center;  
background-repeat: repeat-y;  
background-image: url(…/xxx/container.jpg);  
text-align: left;  
}

#header a{  
position:relative;  
display: block;  
width: 800px;  
height: 223px;  
}

#header a span{  
position: absolute;  
width: 100%;  
height: 100%;  
background-image: url(…/xxx/header.jpg);  
cursor: pointer /_regola per IE_/;  
}  
#corpo {  
width: 800px;  
float: right;  
display: inline;  
}

#content {  
float: right;  
display: inline;  
width: 550px;  
background: transparent;  
color: #000;  
}

#menu2 {  
float: right;  
display: inline;  
width: 180px;  
background: transparent;  
color: #000;  
font: italic bold 13px Georgia, “Times New Roman”, Times, serif;  
margin-right: 15px;  
letter-spacing: -2px;  
word-spacing: 2px;  
}

#varie {  
float: right;  
display: inline;  
width: 180px;  
background: transparent;  
color: #000;  
margin-right: 8px;  
text-align: center;  
}[/code]Dove sbaglio?  
Grazie a tutti.

* * *

> **[The Knights of Malta O S J M - L'Ordine dei Cavalieri di Malta](http://www.knightsofmalta.it/)**
>
> Sereno e Felice è il Nostro Ordine dei Cavalieri di Malta (The Knights of Malta O S J M) che credono nella Patria, vigilano sulla Cristianità e amano le Genti.

[http://www.ghisirds.it/guida-gomplayer-3.html](http://www.ghisirds.it/guida-gomplayer-3.html) [http://scuo.la/medicina/](http://scuo.la/medicina/)  
[http://www.idee-regalo.biz/](http://www.idee-regalo.biz/)

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [October 15, 2007, 2:25am UTC](https://www.ruby-forum.com/t/div-float-centrato-con-firefox-ed-explorer/117203/2 "2007-10-15T02:25:07Z")

</div>

Mi sembra un pochino off topic, ma dritto dritto dal libricino che ho ho  
qui  
sotto ecco l’esempio che mi danno per avere un bel box liquido centrato  
(in  
tutti i browser teoricamente).

body {  
/\* solitamente è bene azzerarli in quanto a seconda dei browser possono  
avere valori differenti  
margin: 0;  
padding: 0;  
/\* necessario per un corretto funzionamento su IE 5.x / win  
text-align: center  
}

#centrato {  
width: 180px;  
margin-left: auto;  
margin-right: auto;  
/\* siccome in IE nel body dobbiamo settare la proprietà text-align a  
center, qui se serve e non è la stessa la dovresti cambiare  
text-align: left;  
}

Ora prova a vedere il codice che ho scritto e prova ad applicarlo al tuo  
caso. Quello che ti posso dire è che text-align viene usato per allineare  
_solo_ il testo (in teoria, visto che IE 5.x non la pensa così, ma tieni  
valido questo concetto), mentre se vuoi centrare un div devi inpostare  
la  
proprietà margin che ho messo sopra ad auto.

Altra cosa da ricordare è che a seconda del tipo di box su cui stai  
lavorando le proprietà possono cambiare, e potresti doverne aggiungere.  
Per  
esempio se il box è flottante (come mi sembrava il tuo adesso che vedo :P)  
ci sono altre cosucce da aggiungere.

Spero ti abbia servito quanto scritto 😉  
A presto!

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [October 15, 2007, 12:28pm UTC](https://www.ruby-forum.com/t/div-float-centrato-con-firefox-ed-explorer/117203/3 "2007-10-15T12:28:40Z")

</div>

guarda, adesso va tutto senza che io abbbia fatto niente, se non  
installare avast sul mio pc.  
Evidentemente avevo un virus che mi sballava il browser… ora tutto  
risolto. Vi è mai capitato una cosa simile???  
mah!

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [October 15, 2007, 3:15pm UTC](https://www.ruby-forum.com/t/div-float-centrato-con-firefox-ed-explorer/117203/4 "2007-10-15T15:15:30Z")

</div>

Hey bbbello… Usa un Mac ed il pc tienilo come muletto per i test! 😉  
Così smetti di preoccuparti dei virus (e di molte altre cose)! 😉