div na na cała szerokość ekranu Opcje

[sztosz]

Mam sobie diva

[HTML] pobierz, plaintext 
<div class="header">Content for  class &quot;header&quot; Goes Here</div>
[HTML] pobierz, plaintext 

I do tego CSS'a

Kod

.header {
    background-color: #C8C8C8;
    height: 30px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #000000;
    margin: 50px 0px 10px 0px;
}

I jak to zrobić żeby był na zupełnie cała szerokość?
Nie wiem czemu zostaje mi po kilka pixeli po bokach tego diva.

Na stronie nie ma nic innego poza tym div'em i żadnych innych stylów.

[mike]

Wyzeruj marginesy i padding dla body i html.

[sztosz]

Heh, Dziękuje ślicznie Myslalem że przezucenie się z Tabel na Divy bedzie trudzniejsze

A jak zrobić zeby text w tym divie niezależnie od ilości "lezał" na dolnej krawędzi? Normalnie przylega do gornej, a mi chodzi o dolną. Padding odpowiedni? vertical-allign? Nie umiem sobie z tym poradzić

Ten post edytował sztosz 21.09.2005, 14:01:13

[mike]

W CSS 2.0 nie ma jakotakiej metody do wyrównywnania w pionie. Poprawione to ma zostać w CSS 3.0. Teraz trzeba zastosować trick:

[HTML] pobierz, plaintext 
<style>
div.container 
{
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}
</style>
 
<div class="container">
  This small paragraph...
</div>
[HTML] pobierz, plaintext 

Niestety działa tylko dla elementów blokowych, które mają określoną wysokość :/

[sztosz]

To mnie co prawda nie urządza Ale dziękuje za informację bo na 100% przyda mi się

[Shogo]

Jezeli myslisz o przezuceniu sie z tabel na div'y to polecam strone csszengarden do kazdej ze stron mozesz sobie podejzec css'a
polecam, mozna sie sporo nauczyc

Pozdrawiam