Possiamo usare <body> al posto di #container div?

Possiamo dare larghezza e bordo a <body> e utilizzare al posto di Container div? see this example Possiamo usare <body> al posto di #container div?

vedere il codice sorgente di questo file e il codice del file è anche perfettamente W3C valido. e lo stesso aspetto in IE 7 e Firefox 3.5.

<!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="en" xml:lang="en" dir="ltr"> 
    <head> 
    <title> Width in body</title> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <style type="text/css"> 
     html { background-color: #00f; } 
    body{background: #cd5c5c;width:800px;height:400px;border:1px solid;color: #fff;margin:0 auto;} 
    </style> 
    </head> 
    <body> 
    <p>Hello world!</p> 

    </body> 
</html>

fonte

2009-11-10 Jitendra Vyas

Chiuso come non una domanda reale, diciamo diverse persone. In realtà, è una domanda perfettamente valida, con risposte interessanti. Naturalmente, ora che la domanda è stata uccisa, nessuno potrà esplorare questa domanda qui. Piuttosto triste Potremmo aver parlato del fatto che in alcuni browser, uno utilizzava una proprietà css min-width sul corpo per assicurare che il contenuto potesse essere visto anche in situazioni browser più piccole. Questa domanda è un'opportunità persa. – artlung

L'OP deve fornire un codice di esempio nel post piuttosto che un collegamento al suo sito web. Così com'è, questo post puzza di uno sforzo per promuovere il sito web OPs. –

@Sinan Ünür Chi è l'op? codice aggiunto –

Il tuo esempio risponde alla tua domanda! Il corpo è un elemento di blocco come qualsiasi altro. Ha proprietà di larghezza, altezza, spaziatura, margini e bordi.

Si noti che è essenziale eseguire il rendering della pagina in modalità rigida, anziché quirk, per poter trattare l'elemento del corpo come un elemento a livello di blocco; altrimenti viene trattato come documentElement e tutte le scommesse sono disattivate. - NickFitz

Quindi possiamo usare il corpo al posto di #container div? - Jitendra

Bella teoria. Peccato per Microsoft. - David Dorward
@Jitendra: è possibile, ma essere approfondita con il vostro test cross-browser, in particolare quando si tratta di scorrimento :-) - NickFitz

Qual è la differenza tra il viewport e il corpo? - Jitendra

il viewport è l'area visibile della finestra del browser che visualizza il documento. Il corpo è un elemento nel documento. In modalità Quirks, il corpo verrà trattato anche come documentElement: ovvero, il nodo radice del documento, che riempirà la finestra e, se necessario, sarà in grado di scorrere. In modalità rigorosa, l'elemento html verrà trattato come documentElement e il corpo sarà figlio di quello. Come esperimento, modifica la pagina di test aggiungendo la regola di stile html {background-color: # 00f; } - vedrai che l'elemento html contiene il `body '- NickFitz

fonte

2009-11-10 17:24:55 deau

allora possiamo usare il corpo al posto di #container div? –

Bella teoria. Peccato per Microsoft. – Quentin

Si noti che è essenziale che la pagina sia renderizzata in modo stretto, piuttosto che in quirks, per poter trattare l'elemento 'body' come un elemento a livello di blocco; altrimenti viene trattato come 'documentElement' e tutte le scommesse sono disattivate. – NickFitz

Possiamo usare <body> al posto di #container div?

risposta

Problemi correlati