Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: div na na cała szerokość ekranu
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
sztosz
Mam sobie diva

  1. <div class="header">Content for class &quot;header&quot; Goes Here</div>


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 smile.gif Myslalem że przezucenie się z Tabel na Divy bedzie trudzniejsze smile.gif

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ć sad.gif
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:
  1. div.container
  2. {
  3. height: 100px;
  4. display: table-cell;
  5. vertical-align: middle;
  6. }
  7.  
  8. <div class="container">
  9. This small paragraph...
  10. </div>


Niestety działa tylko dla elementów blokowych, które mają określoną wysokość :/
sztosz
To mnie co prawda nie urządza winksmiley.jpg Ale dziękuje za informację bo na 100% przyda mi się smile.gif
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 rolleyes.gif

Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.