2009-11-10 17 views
6

Czy możemy podać szerokość i obramowanie do <body> i użyć zamiast Dywizji pojemnikowej? see this exampleCzy możemy użyć <body> zamiast #container div?

Zobacz kod źródłowy tego pliku i pliku kodu jest również idealnie W3C ważny. i wyglądają tak samo w IE 7 i 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> 
+2

Zamknięte jako nie prawdziwe pytanie, powiedzmy kilka osób. W rzeczywistości jest to całkowicie poprawne pytanie z interesującymi odpowiedziami. Oczywiście teraz, gdy pytanie zostało zabite, nikt nie będzie mógł zbadać tego pytania tutaj. Raczej smutny. Być może rozmawialiśmy o tym, że w niektórych przeglądarkach używano własności css o minimalnej szerokości, aby zapewnić, że treść będzie widoczna nawet w mniejszych przeglądarkach. To pytanie jest straconą szansą. – artlung

+0

OP musi podać przykładowy kod w poście, a nie link do jego strony internetowej. W obecnej formie post ten ma tendencję do promowania strony internetowej OP. –

+0

@Sanan Ünür Kto jest op? kod dodany –

Odpowiedz

7

Twój przykład odpowiada na twoje pytanie! Ciało jest elementem blokującym, jak każdy inny. Ma szerokość, wysokość, dopełnienie, margines i właściwości brzegowe.

  • Należy zwrócić uwagę, że istotne jest, aby strona była renderowana w trybie ścisłym, a nie dziwnym, aby móc traktować element bryłowy jako element blokowy; w przeciwnym razie traktowany jest jako documentElement, a wszystkie zakłady są wyłączone. - NickFitz

Czy możemy użyć ciała zamiast #container div? - Jitendra

  • Przyjemna teoria. Wstyd o firmie Microsoft. - David Dorward
  • @Jitendra: można, ale być dokładne z testowania cross-browser, szczególnie jeśli chodzi o przewijanie :-) - NickFitz

Jaka jest różnica między rzutni i ciała? - Jitendra

  • rzutnia jest widocznym obszarem okna przeglądarki, w którym wyświetlany jest dokument. Ciało jest elementem w dokumencie. W trybie dziwactwa ciało będzie również traktowane jako documentElement: to jest główny węzeł dokumentu, który wypełni okno, a jeśli będzie to konieczne, będzie można go przewinąć. W trybie ścisłym element html będzie traktowany jako documentElement, a ciało będzie jego dzieckiem. Jako eksperyment zmień stronę testową, dodając regułę stylu html {background-color: # 00f; } - zobaczysz, że element html zawiera "ciało" - NickFitz
+0

następnie możemy użyć ciała zamiast #container div? –

+2

Dobra teoria. Wstyd o firmie Microsoft. – Quentin

+1

Należy zauważyć, że istotne jest, aby strona była renderowana w trybie ścisłym, a nie dziwnym, aby móc traktować element 'body' jako element blokowy; w przeciwnym razie jest traktowane jako "documentElement" i wszystkie zakłady są wyłączone. – NickFitz

Powiązane problemy