Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: głupi problem DIV zamiast TABLE
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
konfeusz
Witam.
Wiem, ze problem byl poruszany wielokrotnie, ale chodzi mi o cos specyficznego.
Rozwiazanie tej specyfiki rowniez kiedys widzialem, ale dzisiaj jakos znalezc nie moge, wiec prosze o wybaczenie za duplikowanie tematu.

Problem banalny. Chyba wink.gif

na tabelkach zrobil bym tak:

  1. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  2. <tr>
  3. <td height="60px" width="*" bgcolor="Black" id="top_lewy"><img src="tlo_nag.jpg"></td>
  4. <td width="1000px" id="top_centrum" background="tlo_nag.jpg">naglówek</td>
  5. <td height="60px" width="*" bgcolor="Black" id="top_prawy"><img src="tlo_nag.jpg"></td>
  6. </tr>
  7.  
  8. <tr>
  9. <td height="600px" width="*" bgcolor="Black" id="top_lewy">&nbsp;</td>
  10. <td width="1000px" id="top_centrum">
  11. <!-- tu juz wlasciwa ramka o konkretnych wymiarach-->
  12. <table width="1000px">
  13. <tr>
  14. <td width="200px"></td>
  15. <td width="600px"></td>
  16. <td width="200px"></td>
  17. </tr>
  18. </td>
  19. <td height="600px" width="*" bgcolor="Black" id="top_prawy">&nbsp;</td>
  20. </tr>


Ale chce to samo zrobic na DIV z CSS i za cholere nie wychodzi.
Problem jest jeszcze wiekszy kiedy chce jeszcze stworzyc w "tresci strony" dodatkowy uklad. Zeby bylo bardziej jasne, chodzi mi o to, by strona miala szerokosc powiedzmy 1000px, wyswietlala sie na srodku, w gornej czesci jest menu(naglowek), ale tlo graficzne rozlewa sie na cala szerokosc ekranu na wysokosci naglowka, ponizej naglowka normalnie strona z ukladem kolumna lewa, centrum, prawa.

Bede wdzieczny za sugestie
MGraphics
jezeli chcesz sobie wrzucić na całą strone grafikę to dodajesz

body{
background-image: url();
}

jezeli chcesz ustalić sobie strone na 1000 to deklarujesz sobie jakis container na width: 1000px;

mozesz go albo wyśrodkować <centerem> albo umieścić w jeszcze jednym który ma width 100% i wtedy wyśrodkować css-em

Co do zmiany z tabeli na CSS to musisz sobie poczytać o float ( i pamiętaj o clear: both; )
albo robisz z sobie ustawienie z divów na tabele

polecam http://www.w3schools.com/
askone
Aby wyśrodkować container o szerokości np 1000px wcale nie trzeba dodawać kolejnego wewnątrz niego - wystarczy styl w postaci:

  1. div-centered{
  2. margin:0 auto;
  3. }
MGraphics
Cytat(askone @ 12.03.2012, 10:11:08 ) *
Aby wyśrodkować container o szerokości np 1000px wcale nie trzeba dodawać kolejnego wewnątrz niego - wystarczy styl w postaci:

  1. div-centered{
  2. margin:0 auto;
  3. }


Może i nie trzeba, jednak łatwiej to zrozumieć na zasadzie 2 kontenerów.
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.