• User Newbie

    adattamento di una pagina web allo schermo

    scusate, so che sicuramente il quesito è già stato postato. Vorrei sapere se con il codice html posso fare in modo che la pagina che io costruisco su uno schermo piccolo o grande si adatti allo schermo di chi vi entra. credevo che bastasse mettere 100% nella larghezza della tab ad esempio ma evidentemente non è così
    Graziee


  • Super User

    Ciao tizy25
    Se non ho capito male, tu usi le tabelle per impaginare il sito.
    Come saprai le tabelle non sono adatte a contenere i testi, ma solo dati numerici.
    Visto che vuoi fare un sito fatto bene, ti consiglio di buttare l'idea delle tabelle e crearti un buon CSS con i DIV (ti consiglio una buona guida, in rete ne trovi davvero tante).
    Così facendo, puoi impostare un contenitore generale che avrà come larghezza "100%" e all'interno di esso i vari DIV che ti occorrono.
    Tieni sempre presente che dovrai usare tutte le misure in %, in modo tale che a qualsiasi risoluzione il layout si adatti.
    Ti consiglio, inoltre, di inserire in % anche la dimensione del font. In questo modo sarà + semplice ingrandire il carattere agendo sui vari browser, per le persone con problemi alla vista.
    :ciauz:


  • User Newbie

    grazie ..ma scusa la mia enorme ignoranza ma per fare un esempio, in una riga come questa, supponendo che sia il contenitore generale,

    <div id="Layer1" style="position:absolute; left:13px; top:4px; width:836px; height: 246px; z-index:1"></div>

    dove devo inserire la percentuale esattamente? se metto width:="100%" il livello si annulla


  • Super User

    Tizy, io ti consiglio di fare come abbiamo fatto + o - tutti all'inizio: prendi un sito fatto coi div, un sito che ti piace. Prendi il CSS e studiatelo un po', poi comincia a fare delle prove e vedrai che, affiancando magari qualche guida sui css, riuscirai a fare quello che vuoi.
    Perché, dal tuo msg, evinco che hai le idee poco chiare... :bho:

    :ciauz:


  • User Attivo

    Si annulla perchè hai position:absolute, se provi così:

    <div id="Layer1" style="margin-left:13px; margin-top:4px; width:100%; height: 246px;"></div>

    in teoria non si dovrebbe annullare, ma attento perchè questa modifica potrebbe influenzare altri div o altro nella tua pagina. Se la pagina non è ben fatta potrebbe "esplodere"

    Ciao


  • User Newbie

    scusate il ritardo ma avevo cominciato a studiare i css sulla guida di html.it
    proprio vero Paola ..avevo le idee confuse
    mi sorgono adesso altre domande..che evidentemente mostrano la mia confusione
    si possono fare interamente siti con il codice css con il dreamweaver? e se si quale versione?
    ho cercato un sito che mi piacesse fatto con codice css ma tutti quelli che mi piacciono sono con le tabelle
    non me ne potresti indicare almeno uno?

    scusami Pigot4 che significa che potrebbe esplodere? se metto tutte le width di tutti i div della pagina in percentuale è ok?

    grazie per le risposte


  • Super User

    Ciao, Tizy

    prova a dare un'occhiata a questo **sito http://www.csszengarden.com/tr/italiano/

    Troverai sicuramente qualcosa che ti interessa.
    Inoltre, se metti le misure (larghezza) in percentuale vai tranquillo che non sbagli mai :ciauz: