Div float centrato con Firefox ed Explorer

domenica 14 ottobre 2007 - 18.08

ghisirds Profilo | Junior Member

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]<div id="container">
<div id="header">
contenuto
</div>

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

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

<div id="varie">
contenuto
</div>
</div>
</div>[/html]E qui il codice CSS:

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; }
Dove sbaglio?
Grazie a tutti.

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

freeteo Profilo | Guru

ciao,
se non ho capito male vorresti che la parte "varie" fosse sotto al menu ed al content, ma centrata nell'area a lui disponibile.
Allora ti conviene racchiuderla dentro ad un tag "center" e al tag center dirgli di mostrarsi come "clear:both" in modo da essere privo di eventuali tag float alla destra o alla sinistra sua:
In poche parole io modificherei la pagina HTML cosi':

...... <div id="corpo"> <div id="content"> content </div> <div id="menu2"> menu </div> <center> <div id="varie"> div varie </div> </center> </div> .....

e nel foglio di stile togli il "float:right" nella classe "varie" e metti al suo posto "clear:both;"
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

ghisirds Profilo | Junior Member

no, io volevo mettere:

menu content
varie

così come è scritto, ma ho scoperto che già va bene ma il browser lo vedeva male perchè forse avevo un virus. Ho installato avast ed ora semra tutto ok: sperom!
ciao e grazie

freeteo Profilo | Guru

ah ok se hai risolto va bene.
Strano pero' io vedevo fuori centro nel mio, ho pensato lo volessi al centro...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5