Div float centrato con Firefox ed Explorer

Community IT
1

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.

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

2

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 :wink:
A presto!

3

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!

4

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