Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2010
    Messaggi
    4

    Problemi resize sfondo pagina.

    Lo sposto io il messaggio perchè il mio cliente mi sta esasperando...
    in basso ho messo il vecchio messaggio, ora ho fatto i seguenti progressi:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color:#FFF;
    }
    #sfondo{
    background-position:center;
    position:absolute;
    height:100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-image: url(QUESTA.jpg)
    }

    </style>

    <body>
    <div id="sfondo"><table width="100%" heigth="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="100%" width="100%">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mm</td>
    </tr>

    </table>
    </div>


    </body>
    Però ancora ho problemi con il resize dello sfondo su diverse risoluzioni, che mi dite?




    - Vecchio Messaggio -

    Problema con resize pagina.
    Ciao ragazzi,
    non ne vengo a capo!
    sono abbastanza inesperto di programmazione e sto creando un sito in cui vorrei impostare un resize automatico di tutti i contenuti in base alla risoluzione del monitor di chi lo visita.

    sto usando questo codice:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;

    }
    table {
    width: 100%;
    height: 100%;
    }
    body,td,th {
    color: #FFF;
    font-size: 100%;
    }
    </style>
    </head>
    <table border="0" cellpadding="0" cellspacing="0" background="QUESTA.jpg">
    <tr>
    <td width="100%" height="100%"> </td>
    </tr>
    </table>

    Purtroppo non funziona. O meglio, sul mio monitor 1920x1080 va bene, su un 1280x 800 non va.
    Ora mi servirebbe di fare il resize di tutta la pagina, ma mi sto incartando e sinceramente non so nemmeno io quante inesattezze ho provado fino ad ora.
    Potete aiutarmi?
    Grazie mille.all

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto devi imparare ad usare correttamente un forum: ci sono dei tag appositi per formattare il codice. Ti basta usare il bottone [ code ] sopra l'area di inserimento.
    Come hai postato tu si e` persa l'indentazione, e si fa fatica a seguire il codice.

    Comunque lo sfondo non si puo` stirarlo.
    O, meglio, si puo` farlo solo con alcuni attributi CSS3, che pero` non sono ancora molto supportati: Nuove proprietà per gli sfondi nei CSS3

    In linea di massima si usano dei trucchi che non comportano lo stiramento dell'immagine di sfondo: il risultato puo` essere anche migliore dello stiramento: usare un'immagine un po' piu` piccola, completare lo sfondo con un colore uguale al bordo dell'immagine, posizionare l'immagine in posizione centrale (o comunque strategica).

    Se proprio devi stirare l'immagine occorre quindi inserirla con il tag <img> e posizionarla sotto al resto della pagina: quindi sia lo sfondo che il blocco contenente il resto della pagina devono avere posizionamento assoluto, ed opportuno z-index.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.