Problema sito: risoluzioni?

Printable View

14-04-2012, 14.05.07

Problema sito: risoluzioni?

Salve. Ho lavorato al mio sito tenendo conto della risoluzione del mio pc (1280x768), ma ora mi sono accorto che per tutte le altre risoluzioni cambia e non di poco il suo aspetto, soprattutto la posizione dei vari elementi.
Premetto che gli elementi che ho inserito (tabelle, immagini,..) sono tutti con dimensione in percentuale. E ho fatto ciò proprio per evitare problemi con le altre risoluzioni... ma niente.
Secondo me il vero problema è il tag <div style="position:absolute; top: px; left: px"> che ho usato per inserire tutti gli elementi nelle posizioni più adeguate. Però questo tag tiene conto della distanza in pixel da un margine di riferimento. Quindi proprio perchè non è un tag "liquido" ma, appunto, fisso, evidentemente non si adatta a tutte le risoluzioni.

Ora mi chiedo: come ovviare al problema?
Sarebbe preferibile qualche tag con la stessa funzione di <div style>, ma magari che si serve di percentuali. Altrimenti proponetemi qualche altra soluzione.

Grazie in anticipo.
14-04-2012, 14.32.22
dreadnaut

Tolgo subito di mezzo la cosa problematica: banner e link con referrer sono forme di sponsorizzazione esterne, e quindi fuori regolamento.

Il sito: a monte della grafica, c'è un problema di tabelle, che pietrificano il layout delle pagine, costringendoti a coordinate assolute ed altri "aggiustamenti" vecchio stampo, di cui oggi potremmo fare a meno.

Poi vabbeh, c'è anche del javascript non necessario delle immagini, quando basterebbero due righe di css.

Io ti proporrei un'altra soluzione, ma richiede rifare un sacco di roba. Secondo me, l'intero html della tua pagina potrebbe essere questo:

Codice HTML:

<!doctype html> <html><head> <meta charset="utf-8" /> <title>Wikiguadagno</title> <link rel="shortcut icon" href="index_files/icona.ico" /> <style type="text/css"> /* ... qua il css ... */ </style> </head><body> <div role="banner"> <a href="http://www.wikiguadagno.altervista.org" alt="WikiGuadagno">WikiGuadagno</a> </div> <ul role="navigation"> <li><a href="index.html">Home</a> <li><a href="guida.html">Breve guida</a> <li><b>Elite</b> <ul> <li><a href="beruby.html">Beruby</a> <li><a href="20dollars.html">20Dollars2Surf</a> </ul> <li><b>In prova</b> <ul> <li><a href="ptcbox.html">Ptc Box</a> <li><a href="fandealer.html">Fandealer</a> <li><a href="paysnork.html">Paysnork</a> </ul> <li><a href="contattaci.html">Contattaci</a> </ul> <div role="main"> <h1>Benvenuto su <em>Wikiguadagno</em>.</h1> <p>Il nostro motto è <em>"Saper guadagnare online"</em>. <p>Crediamo, infatti, che la sfiducia degli utenti della rete nei confronti del guadagno online sia dovuta soprattutto ad una forma di "cattiva informazione". Questo, dunque, è lo scopo che Wikiguadagno si propone di perseguire: descrivere dettagliatamente le tipologie di guadagno online, facendo riferimento soltanto ai siti più sicuri ed efficienti. <p>Per una corretta navigazione, invitiamo i nuovi utenti a leggere la nostra <a href="">Breve guida</a>. Ciò per avere una prima idea circa le varie sezioni costituenti il sito. <p>Sito ottimizzato per Google Chrome. </div> </body></html>

Il resto può essere tutto css, compreso il posizionamento e tutta la grafica. Se hai voglia di studiartelo un po', ci diamo una pulita?
14-04-2012, 15.08.18

allora mi sa che il vero problema sono io... sono ancora troppo legato al puro html xD
Mi sa che devo studiare un po' di css.
PS: non sapevo di quella particolarità sul regolamento... ma questo significa che è inutile continuare un sito di questo tipo, vero?

http://dreadnaut.altervista.org/_alt...-sign-tiny.png edit:

rispondimi per piacere. Almeno mi metto l'anima in pace e chiudo il sito, perch non voglio violare il regolamento
15-04-2012, 19.24.06
dreadnaut

Se il tuo sito si basava sul fatto di spiegare alla gente come farti guadagnare soldi mettendo referer ovunque, più o meno apertamente, direi che purtroppo ti va male.

Se vuoi creare un sito informativo in generale, ed avere del traffico serio, mettici dei normali banner in una buona posizione, che guadagni di più :wink:
16-04-2012, 12.05.03

ho capito cosa intendi. Grazie delle info :D
06-05-2012, 19.57.54

Problema risoluzioni!

Salve.
Vorrei sapere se avete dei suggerimenti per risolvere il problema risoluzioni, ossia per rendere un sito visibile allo stesso modo per ogni risoluzione.

Grazie in anticipo.
06-05-2012, 21.40.05
BWG

invece di usare i px usa le percentuali
06-05-2012, 21.50.17

Anche usando i CSS volendo...
06-05-2012, 23.32.16

sono risposte un po' troppo vaghe.
Per quanto riguarda le dimensioni in percentuale, ok... è un buon metodo e lo uso.
Lo stesso vale per i CSS. Io utilizzo già dei fogli di stile esterni, però il mio problema sta soprattutto nel posizionamento degli oggetti nelle pagine. Infatti, cambiando risoluzione, gli elementi si spostano...
Io uso il tag "position: absolute". Altri suggerimenti?
07-05-2012, 12.23.40
dreadnaut

:arrow: Guida layout dei siti con css.
07-05-2012, 15.07.04

e se usassi il "position: absolute" con le percentuali?