Montare la grafica

Montare la grafica postato il 21/06/2010 11:44:35 nel forum programmazione, gdrcd, open source, hosting e modificato da ismael_85 il 21/06/2010 12:11:39

Ciao a tutti.

Premetto che ho sviluppato un interfaccia grafica per il nostro sito fatta cosi :

http://img268.imageshack.us/img268/8508/esempiop.png

Inutile spiegare che nello spazio nero a sinistra ci sono tutti i link e lo spazio nero più ampio è dove questi link vanno ad aprirsi.

Non ho diviso la pagina in frame, ma ho creato una tabella dimensionando le varie righe e colonne in maniera da creare un'impaginazione corretta.
Il problema è che questa impaginazione risulta corretta con alcuni browser come firefox o chrome, cosa che però non avviene con ie.
Per carità è vero che ormai tutti usano firefox xo vorrei poter ottimizzare il sito x la maggior parte dei browser...

idee?

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

quota

Pagine → 1 2

la kaiah

SCRIVI

21/06/2010 11:51:35

hai provato a dare dimensioni fisse alla colonna di sinistra?

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

quota

ismael_85

SCRIVI

21/06/2010 12:09:47

si si ho provato.
Il problema è l'iframe centrale che non so bene per quale ragione se ne va a spasso spostandosi tutto a destra. Non dovrebbe farlo perchè la tabella ha dimensioni fisse per quanto riguarda la larghezza...

Seconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

quota

tag0

SCRIVI

21/06/2010 12:11:06 e modificato da tag0 il 21/06/2010 12:11:28

Benvenuto nel fantastico mondo di "Come distruggere uno standard web utilizzando IE". :P

Che ogni browser veda una pagina ben fatta come pare a lui non è una novità. IE è campione in questo, ma a dirla tutta, nessuno è esente da problemi simili. L'unico che sia veramente W3C compliant mi pare sia Opera, che proprio per questo canna il 40% delle pagine :P.

In ogni caso, potresti risolvere mediante due fogli di stile diversi. In uno carichi le impostazioni per renderizzare il sito con Mozilla/Chrome, nell'altro quello per visualizzarlo correttamente con IE. Con un piccolo script, checkando il browser in uso, puoi caricare quello corretto.

Tieni anche presente che l'impaginazione a tabelle è vetusta e sconsigliata, probabilmente è proprio la parte che dà più problemi. Dovresti utilizzare più i div che le tabelle, sicuramente soffriresti meno.

Aspetta comunque pareri più autorevoli, ho mollato la battaglia con gli standard parecchio tempo fa :P

EDIT: P.S. Carina davvero la grafica ^^

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

quota

la kaiah

SCRIVI

21/06/2010 12:23:46

ismael_85 ha scritto: si si ho provato.
Il problema è l'iframe centrale che non so bene per quale ragione se ne va a spasso spostandosi tutto a destra. Non dovrebbe farlo perchè la tabella ha dimensioni fisse per quanto riguarda la larghezza...

potresti postare il pezzo di formattazione della tabella e dell'innesto dell'iframe?

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

quota

ismael_85

SCRIVI

21/06/2010 12:39:49

si ... ie fa un po come vuole...almeno chrome e mozzilla sono simili :-p

Opera l'avevo provato, in effetti canna un sacco di pagine...poi boh ha anche dei problemi con i caratteri, trasforma la mia lingua in un ammasso di quadratini :-p

Cmq grazie... speriamo che il codice ci venga bene come la grafica :-D

ora mi cerco in internet lo script per scegliere il browser ... vedo un po che trovo

cmq la tabella l'ho fatta cosi :

<table style="width:850px; height:752px" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4" style="width:850px; height:185px"><img src="img/cornicina/sopra.png" width="850" height="185" /></td>
</tr>
<tr>
<td width="19" style="height:542px; width:19px"><img src="img/cornicina/sinistra.png" width="19" height="542" /></td>
<td colspan="2"><iframe src="index.php" name="index" width="809" height="538" id="index" style="background:#000000"></iframe></td>
<td width="425" style="height:542px; width:19px"><img src="img/cornicina/destrac.png" width="19" height="542" /></td>
</tr>
<tr>
<td colspan="4" style="height:25px; width:850px"><img src="img/cornicina/sottoc.png" width="850" height="25" /></td>
</tr>
</table>

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

quota

la kaiah

SCRIVI

21/06/2010 13:19:02 e modificato da la kaiah il 21/06/2010 13:20:45

ci sono due cose che non mi convincono, il fatto che assegni una larghezza ai td e poi la ridefinisci anche nello style, poi c'è un'incongruenza qui dove le due larghezze che imposti hanno valori differenti (e probabilmente per quello ie ti prendeva un valore sballato):
<td width="425" style="height:542px; width:19px">

un'altra cosa che non mi convince è l'altezza dell'iframe ma non ricordo se l'overflow è reso scrollabile per default anche quando l'altezza sfora quella del td o se ti scatafascia l'ordinamento della tabella.. se non te la formatta ancora bene prova a togliere anche l'altezza dell'iframe

per ora prova così:

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

quota

iko93

SCRIVI

21/06/2010 13:27:21

Effettivamente è un bel problemino che credo tu possa superare solamente individuando il Browser che sta utilizzando il client e dunque impostare per tale browser la pagina.

Grazie a Dio php è dotato di una variabile predefinita che ti permette di individuare il browser

$_SERVER['HTTP_USER_AGENT']

Spero che tu riesca nel tuo intento.

Fossi in te, se sei capace, userei Flash, per fare homapage dinamiche e belle da vedere è l' ideale a mio avviso.