Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775

    pagina web altra quanto lo schermo

    ciao a tutti ...

    sapete dirmi come posso far si che la mia pagina web si adatti all'altezza dello schermo?
    in modo che non appaia la barra di scroller a destra? cosi uno che ha lo schermo ad esempio da 19'' e uno che lo ha da 24'' veda sempre il sito senza barra sulla destra ...

    suppongo che si lavori su width:100%; eccetera, però non saprei come impostarlo ...

    grazie in anticipo

  2. #2
    Utente di HTML.it L'avatar di awstin
    Registrato dal
    Nov 2005
    Messaggi
    13
    Codice PHP:
    <!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=ISO-8859-1">
    <
    title>test</title>
    <
    style type="text/css">
    html {
        
    height:100%;
    }
    body {
        
    margin:0px;
        
    height:100%;
    }
    .
    main-body{
        
    width:780px;
        
    margin:0px auto;
        
    height:100%;
        
    background:#cccccc;
    }
    </
    style>

    </
    head>
    <
    body>
        <
    div class="main-body">
            
    asd
        
    </div>
    </
    body>
    </
    html

  3. #3
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775
    Originariamente inviato da awstin
    Codice PHP:
    <!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=ISO-8859-1">
    <
    title>test</title>
    <
    style type="text/css">
    html {
        
    height:100%;
    }
    body {
        
    margin:0px;
        
    height:100%;
    }
    .
    main-body{
        
    width:780px;
        
    margin:0px auto;
        
    height:100%;
        
    background:#cccccc;
    }
    </
    style>

    </
    head>
    <
    body>
        <
    div class="main-body">
            
    asd
        
    </div>
    </
    body>
    </
    html
    non mi funziona :master:
    con width:100%; funziona, però con height non va, se nel container non inserisco testo addirittura non si vede il colore che ho impostato al container, se invece metto una riga di testo si vede solo una riga di colore, e non tutta l'altezza colorata si capisce cioò che ho scritto xD ?

  4. #4
    Utente di HTML.it L'avatar di awstin
    Registrato dal
    Nov 2005
    Messaggi
    13
    hai ie6 come browser?
    prova ad aggiungere anche:

    Codice PHP:
    min-height100%; 
    Non avendo l'ie6 non so dirti. Su firefox ed ie7 funzica

  5. #5
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775
    anchio ho firefox xD
    comunque domani riprovo e poi vi faccio sapere

    mettiamo il fatto che riesco a farlo andare, poi come posso gestire il div centrale?
    io ho 3 div, uno alto uno a meta e uno basso. quello alto e quello basso rimangono fissi e gli do io la misura, per quello in mezzo invece, come faccio a far si che si allunghi secondo lo spazio che ha? (che però deve essere minimo lungo 300px)


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 © 2025 vBulletin Solutions, Inc. All rights reserved.