DIV al posto delle TABELLE

[gabcaly]

Ciao !!!

...sto provando a creare una pagina web senza utilizzare le tabelle ma semplicemente adottando le tecniche messe a disposizione da CSS.

Mi sorge un dubbio relativo alla risoluzione video e seppure impostando i vari DIV con le posizioni assolute, credo di andare incontro a problemi di layout.

Il mio intento è il seguente:

Vorrei suddividere la pagina in tre sezioni verticali e due orizzonali, proprio come si trattasse di tabelle, e centrare il tutto nel Browser.
Quindi nella zona LEFT metteri il menu , nella centrale il contenuto della pagina e nella zona RIGHT altre cose. Per il TOP e il BOTTOM rispetivamente loghi grafici e indicazioni su CopyRight, ecc. ecc..
Quindi una volta impostata una pagina strutturata in questo modo potrei riutilizzarla in tutte le future occasioni per generare velocemente una pagina web.
Tecnicamente mi rifersico al modello BOX di CSS.

Il dubbio è questo, se le risoluzioni sono diverse utente x utente, come posso mantenre inalterato il layout della pagina.
Vorrei che il tutto fosse sempre centrato nel Browser.

Un aiuto ???

<style type = "text/css">
  div { background-color:#FFCCFF;
        margin-bottom: .5em; 
        border-style: solid;
        border-color:green;
        width: 50%;
      }

</style>

....
....

<div style = "float: right ; margin: .5em; position:absolute; top:150px; left:270px; ">
 Questo testo è stato scritto all'interno di un DIV...
</div>

[Fayble]

Perché non vuoi utilizzare tabelle?
Se utilizzi CSS sei costretto al posizionamento relativo per mantentere le "giuste distanze" a diverse risoluzioni.

Io ho risolto utilizzando tabelle e l'include del PHP; il posizionamento relativo per inserire links e contenuti.

[ciro78]

beh guarda usare le posizioni relative non è reato

[Fayble]

Originariamente inviato da ciro78
beh guarda usare le posizioni relative non è reato

Non é reato, ma complica molte cose in virtù dell'utilizzo che gabcaly vuol fare...

[gabcaly]

ormai è da diverso tempo che programmo utilizzando tabelle e malgrado la compostezza del codice è sempre un casino mantenere ordinate le cose. Poi è un motivo in più per tenersi aggiornati e preparati, quando questo sistema metterà a bando alcuni comandi HTML come le tabelle.
Ho visto interi siti sviluppati con questa tecnica e devo ammettere che la velocità di trasferimento delle pagine è davvero interssante.
(meno dodice da scaricare e più veloci sono le pagine web)

E' da qualche giorno che mi sto cimentando nello sviluppare qualcosa di analogo ma è evidente che ho delle difficoltà.

Visto che qualcuno ha capito le mie intenzioni, potrebbe essere così cortese da farmi un esempio per mantenere un layout ottimale in base alla risoluzione video ?
Magari postando un pò di codice ?
Non dico di creare la struttura ma vorrei capire come si utilizzando le posizioni relative.

grazie :tongue:

[Federix]

Originariamente inviato da ciro78
beh guarda usare le posizioni relative non è reato

Le coordinate assolute si agganciano all'angolo superiore sinistro del browser, e quelle relative????

[deleted_id_48586]

il posizionamento "relative" è come "static", ovvero inserisce una nuova riga nel flusso del documento però puoi spostare il box dalla sua posizione originaria tramite TOP: e LEFT:

[deleted_id_48586]

Originariamente inviato da Federix
Le coordinate assolute si agganciano all'angolo superiore sinistro del browser, e quelle relative????

N.B.

Con "position: absolute;" non ci si riferisce per forza all'angolo superiore sinistro del browser, ma bensì all'angolo superiore sinistro del primo box non posizionato con "static" che contiene il box che noi vogliamo definire.

Non offendetevi, ma l'avete letta almeno la guida sui CSS ?

[ciro78]

Originariamente inviato da Fayble
Non é reato, ma complica molte cose in virtù dell'utilizzo che gabcaly vuol fare...

complica le cose? dipende da cosa intendi.Inoltre i css rendono la pagina + leggera

[ciro78]

Originariamente inviato da Federix
Le coordinate assolute si agganciano all'angolo superiore sinistro del browser, e quelle relative????

come detto da sgurbat appunto.si riferiscono proprio al box che le contine.quind puoi posizionarlo al suo interno come meglio credi