pagina contenuta interamente nel browser

**joker_j.sy** · 07-09-2007, 18:40

salve vorrei una informazione.

Come si a ottenere una pagina che entri perfettamente in tutti i browser e con tutte le risoluzioni senza che venga utilizzata la barra di scorrimento sia verticale che orizzontale???

Grazie in anticipo

**fcaldera** · 07-09-2007, 19:06

ad esempio impostando un contenitore in dimensioni percentuali, ma questo ti impone di definire TUTTE le dimensioni in percentuali (perchè non puoi sapere a priori questi valori in pixel)

un esempio concettuale

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>xhtml 1.0</title>
     
        <style type="text/css">
        
            html {
                height      : 100%;
                width       : 100%;
                margin      : 0;
                padding     : 0;
            }
            
            div {
                width       : 99%;
                height      : 99%;
            }
            
            body {
                margin      : 0;
                padding     : 0;
                text-align  : center;
                width       : 99%;
                height      : 99%;
            }
            
            div {
                border      : 2px solid #c00;
                text-align  : left;
                margin      : 0 auto;                
            }
            
        </style>

    </head>

<body>

    <div>
    contenitore
    </div>

</body>
</html>

**joker_j.sy** · 08-09-2007, 09:46

senti un po se volessi mettere un div grosso ad esempio 70% e vorrei lasciare un margine uguale dal bordi del borwser.come faccio

**fcaldera** · 08-09-2007, 10:06

basta cambiare questa regola

codice:

div {
  width: 70%;
  height: 99%;
}

**joker_j.sy** · 08-09-2007, 11:37

pero il div lo voglio centrale rispetto alla pagian del browser quindi deve klasciare un certo spazio dai margini

**fcaldera** · 08-09-2007, 13:33

se ti serve estendere la pagina lungo l'asse orizzontale basta una cosa più semplice allora

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>xhtml 1.0</title>
     
        <style type="text/css">
        
            html, body {
                margin      : 0;
                padding     : 0;
            }
            body {
                  text-align: center;
            }            
            div {
                width       : 70%;
                margin     : 0 auto;
                text-align : left;
            }
                        
        </style>

    </head>

<body>

    <div>
    contenitore
    </div>

</body>
</html>

Discussione: pagina contenuta interamente nel browser

Strumenti discussione

Ricerca discussione

Visualizza

pagina contenuta interamente nel browser

e per i bordi?

cmq

Permessi di invio