Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> głupi problem DIV zamiast TABLE, głupi problem DIV zamiast TABLE CSS
konfeusz
post 13.02.2012, 19:15:40
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 26.09.2009

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
MGraphics
post 12.03.2012, 10:04:57
Post #2





Grupa: Zarejestrowani
Postów: 29
Pomógł: 2
Dołączył: 2.03.2012
Skąd: Częstochowa

Ostrzeżenie: (0%)
-----


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/
Go to the top of the page
+Quote Post
askone
post 12.03.2012, 10:11:08
Post #3





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----


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. }


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
MGraphics
post 13.03.2012, 10:12:49
Post #4





Grupa: Zarejestrowani
Postów: 29
Pomógł: 2
Dołączył: 2.03.2012
Skąd: Częstochowa

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.06.2025 - 07:25