div affiancati non stanno affiancati su IE7

[Mr. Jackson III]

ciao a tutti, allora ho un problema di cross browsing solito tra ie7 e firefox..praticamente su due div che dovrebbero stare affiancati, in firefox tutto ok mentre in ie7 il div di sinistra scende al di sotto del div destro se quest ultimo ha dei contenuti (quest ultimi flottati a destra)


per spiegare meglio su FF si vede così come dovrebbe essere:



mentre su IE7 si sballa in questo modo:




Provo a postare la parte css relativa:

div#container {
	margin: 0 auto;
	width: 960px;
	background-image:url(images/backround.png);
	height: 100%;
}

div#chisiamosx {
 	width: 259px;
	height: 428px;
	background-image: url(images/galleria_back.png);
	background-repeat:no-repeat;
}

div#chisiamodx {
	width: 579px;
	height: 428px;
	margin-left: 258px;
	background-image: url(images/chisiamo_back.jpg);
	}

.imggallery {float: left; padding: 70px 0px 0px 30px}

imggallery è l immagine presente nel div di sinistra, ed è flottata sinistra. Se flotto l intero div chisiamosx a sinistra, e il chisiamodx a destra, si sballa anche su firefoz mentre su IE7 rimane uguale..avete suggerimenti? cosa sbaglio?

Grazie mille

[UmaThurman]

Così a prima vista sembra che sia colpa del margine di #chisiamodx che è inferiore alla larghezza di #chisiamosx

[Mr. Jackson III]

Originariamente inviato da UmaThurman
Così a prima vista sembra che sia colpa del margine di #chisiamodx che è inferiore alla larghezza di #chisiamosx

grazie in effetti pensavo avessi scovato l'errore ma anche diminuendo la larghezza in pixel di #chisiamodx il div rimane sotto a quello di sinistra comunque, lasciando uno spazio in mezzo. In ogni caso nn mi sarei spiegato perchè invece con firefox tutto ok.

Volevo precisare che il div di destra sta giusto sotto al contenuto del div di sinistra, cioè se provo a togliere l immagine nel #chisiamosx la visualizzazione allora appare corretta..non so se mi son spiegato..
credo cmq sia un problema di flottaggi vari


Altri suggerimenti please??

[UmaThurman]

Prova a postare un link alla pagina se puoi

[Mr. Jackson III]

Originariamente inviato da UmaThurman
Prova a postare un link alla pagina se puoi

Ok l'ho uppato su uno spazio provvisorio... ecco il link alla pagina

Il problema si verifica su tutte le pagine tranne che sulla home che ha una struttura leggermente diversa

grazie mille per l 'aiuto in ogni caso..non ho iniziato da molto con i css (si vede probabilmente) ma specialmente sti problemi di incompatibilità tra browser è la cosa che più mi fa impazzire!

[Mr. Jackson III]

please..nessun'idea?

[UmaThurman]

scusa ma in sto periodo sono un po' indaffarata...
dunque, tanto per iniziare era sbagliato l'annidamento dei div, #chisiamodx era dentro #chisiamosx, riscrivi l'html così:

<div id="content">
  <div id="chisiamosx">
[img]chisiamo_files/galleria.gif[/img]
<map name="gallery" id="gallery"><area shape="rect" coords="27,180,170,206" href="#" alt="Uffici" /><area shape="rect" coords="30,219,177,244" href="#" alt="Magazzino" />
  </map>
</div>
  <div id="chisiamodx">
    <p class="azitxtFull"><span class="blutitle">L'Azienda</span>

      

La SHELLING, società dinamica ed in continua espansione, vuole essere
un punto di riferimento per tutte le aziende e microaziende che
vogliono stare al passo con i tempi in un mercato come quello dei
metalli, in continua evoluzione.

      

Si pone come partner solido e qualificato in grado di fornire qualità,
affidabilità, competenza e puntualità, per essere all’altezza delle
aspettative della clientela più esigente, con soluzioni personalizzate
a 360°. 

    
 Scelte adeguate hanno permesso di penetrare
rapidamente nel mercato e di caratterizzarsi, attraverso un servizio
completo e professionale, nel recupero di rottami e sfridi di
lavorazione, settore in cui opera da oltre 30 anni.

    

Ha sede in Robassomero (TO), in un’area adibita alla messa in riserva e
lavorazione dei materiali acquisiti. Lo stabile, il magazzino e tutti i
nostri mezzi di trasporto sono attrezzati ed autorizzati per il
recupero e stoccaggio di scarti industriali, metalli, leghe, ferro e
vetro. 

    
 All’interno della nostra area operativa tecnologie
e impianti di alto livello permettono il trattamento di Al, Cu, Zn,
AISI 304/316, Fe, Ot, sia da rifiuti che da residui recuperaili.

    

    Esoneriamo il produttore/detentore da ogni onere di trasporto.

    

Forniamo inoltre consulenza per gli obblighi derivanti dalla produzione
di rifiuti non pericolosi ai sensi delll’Art. 33 del D.L. Ronchi e da
avviare al recupero</p></div>
</div>
 
<div class="fttx" id="footer">...

Poi non avevi dato il float:left a chisiamosx. Fatto questo con ff funziona ma con ie c'è un misterioso bug che ora nnon ho tempo di andare a cercare, allora ho tolto il margine a chisiamodx e glio ho dato float:right, ho poi aggiunto overflow:auto a content x contenere il float
Così funziona anche con ie, qui il css (da content a chisiamodx)

div#content {
	width: 838px;
	margin: 0 auto;
	overflow: auto;
}

div#homesx {
 	width: 260px;
	height: 212px;
	background-image:url(images/principi_back.png);
	background-repeat:no-repeat;
}

div#homedx {
	width: 577px;
	height: 212px;
	margin-left: 260px;
	background-image:url(images/azeinda_back.png);
}

div#chisiamosx {
	width: 259px;
	height: 428px;
	float: left;
	background: url(images/galleria_back.png) no-repeat;
}

div#chisiamodx {
	width: 579px;
	height: 428px;
	background: url(images/chisiamo_back.jpg);
	float: right;
	}