pagina che si spancia... non sò + come fare!

[ratlook]

ciao a tutti, qualcuno di voi può aiutarmi a capire come mai la pagina si spancia?
ecco il link: http://www.mcdigit.it/schermi-motori...ivo-p-467.html
di seguito lo screenshot con ie: http://img375.imageshack.us/i/immaginelrp.jpg/

[ratlook]

nessuno?

[sandrone65]

Scusa ma che significa "la pagina che si spancia"?
Dalla foto e dai link proprio non si capisce qual è il tuo problema, spiegati meglio.
Ciao

[ratlook]

se vai sul primo link con mozilla e poi vedi lo screenshot, noti subito due schermate diverse
nello screenshot infatti, le colonne laterali sono più larghe rispetto al resto, questo perché la parte centrale si spancia allargandosi
se non è chiaro fammi sapere
spero saprai aiutarmi, io sto impazzendo per rendere la pagina standard con tutti i browser

[mucu]

Originariamente inviato da ratlook rendere la pagina standard con tutti i browser

usa html oppure xhtml strict (meglio la seconda)
metti le formattazioni solo nel foglio css
usa un reset generale
evita le tabelle per quanto possibile

se non sai come fare la pagina, studiati gli esempi di http://blog.html.it/layoutgala/

[sandrone65]

Perdona se te lo dico, ma ti fai veramente del male da solo a costruire siti in questo modo, per un semplice layout su tre colonne arrivi ad annidare una ventina di tabelle!!!
La pagina si "spancia" su explorer perchè nella colonna centrale c'è questo div (dentro la quindicesima tabella annidata, un incubo) la cui proprietà "display: none;" viene sovrascritta per qualche ragione...

<div class="tabcontent" id="ASKAQUESTION" style="width: 530px; display: none;">

Se usi l'inspector e ripristini display:none il layout va a posto, devi ragionarci un attimo sopra...
Non posso che associarmi ai consigli che ti ha dato mucu.
Ciao

[ratlook]

ciao sandrone e grazie per il supporto
purtroppo quello lì è il layout di oscommerce
sò l'importanza di eliminare le tabelle ma non credo di saperle trasformare in div
se te la senti potremmo anche lavorarci insieme (ovviamente a pagamento, eventualmente sentiamoci via mp)
per il momento comunque, riusciresti ad aiutarmi per risolvere il problema della pagina che si spancia?
grazie!

[sandrone65]

Ciao Ratlook, guarda è un delirio 'sta pagina, dentro quel contenitore ci sono 20 tabelle annidate,c'è un form che contiene un iframe... proviamo a tagliare la testa al toro: il problema è nella colonna centrale che si allarga. Allora tu all'interno del TD che racchiude i contenuti centrali piazzaci un bel

<div style="width:540px;overflow:hidden;">

così forzi i contenuti a stare dentro a queste dimensioni e lo "spancio" è scongiurato.

Il TD in questione è alla riga 380, è quello immediatamente successivo al commento

Devi inserire il div tra la chiusura del </td> e l'apertura della <table> immediatamente successiva.
Ricordati di chiudere il <div> alla riga 590, tra la chiusura del tag </form> e la chiusura del tag </td> altrimenti sono dolori!!!

Fai dei test per vedere se non hai qualche problema collaterale ma non credo.

PS Ti prego, non chiedermi di lavorare su layout come questi, ho modi migliori per farmi del male

[sandrone65]

OOps, sbagliato, la width mettila a 530px, non a 540

[ratlook]

ciao sandrone, inanzitutto grazie tanto per la disponibilità
ho fatto le modifiche soltanto che in quel modo mi taglia il bordo destro del contenitore al centro della pagina (hai capito quale? altrimenti ti metto uno screenshot)
ora però mi sono reso conto che oltre al problema della pagina che si spancia, c'è il fatto che con ogni browser che uso da pc a pc (in ufficio, a casa e sul notebook), ho tre modi di visualizzare la pagina differente...
ad esempio questa è la visione dal portatile che ha installato non sò quale versione di ie:
http://img153.imageshack.us/img153/9064/immaginedrx.jpg
come puoi vedere si forma un inspiegabile spazio vuoto a destra del contenitore