Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Układ strony
Forum PHP.pl > Forum > Przedszkole
grzehotnik
Witam
Chcę zrobić na środku ekranu ramkę o określonych wymiarach i umieścić w niej treść strony.

Czy jest możliwość zrobienia tego bez użycia tabel?
Jaki jest najlepszy sposób na zrobienie tego?
Pozdrawiam
thekoks
  1. <center><div height="wys" width="szer">treść</div></center>

smile.gif
Gryf
Cytat(thekoks @ 26.04.2009, 19:21:33 ) *
  1. <center><div height="wys" width="szer">treść</div></center>

smile.gif


ten center wywal i dla div'a daj margin: 0 auto;
ehh
i wysokość oraz szerokość określa się w stylach <-- średniowiecze już dawno...
bartolomeo
Nie cofajmy się do prehistorii.
HTML + CSS


html :
  1. <div id="content">
  2.  
  3. Twoja treść
  4.  
  5. </div>


css:

  1. div#content {
  2.  
  3. margin: 0 auto;
  4.  
  5. width: szerokosc;
  6.  
  7. height: wysokosc;
  8.  
  9. }


 
grzehotnik
Zrobiłem tak ale okno pojawia się na środku ekranu na samej górze a
ma się pojawiać w centrum.
Gryf
Kod
margin: auto;
lnn
  1. <div class="">

a nie
  1. <div id="">


wtedy:
  1. <div class="nazwa">
  2.  
  3. /* CSS */
  4. div.nazwa {
  5. atrybuty;
  6. }


http://pl.wikipedia.org/wiki/Klasa_(programowanie_obiektowe)

przy okazji polecam- http://www.kurshtml.boo.pl/css/index.html

Cytat("http://www.kurshtml.boo.pl/html/div @ html.html")
CLASS="klasa"Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami

ID="nazwa"Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie
Gryf
Cytat(lnn @ 26.04.2009, 19:39:57 ) *
  1. <div class="">

a nie
  1. <div id="">


wtedy:
  1. <div class="nazwa">
  2.  
  3. /* CSS */
  4. div.nazwa {
  5. atrybuty;
  6. }


http://pl.wikipedia.org/wiki/Klasa_(programowanie_obiektowe)

przy okazji polecam- http://www.kurshtml.boo.pl/css/index.html


a niby czemu robić klasę a nie identyfikator
przecież nie było nić mówione że tych elementów będzie więcej na jednej stronie
lnn
Cytat(Gryf @ 26.04.2009, 19:48:50 ) *
a niby czemu robić klasę a nie identyfikator
przecież nie było nić mówione że tych elementów będzie więcej na jednej stronie

nie wiem juz tak sie przyzwyczailem, skoro CSS to tak jakby klasa to warto ja tez tak oznaczac ;-)
bartolomeo
Cytat(lnn @ 26.04.2009, 19:53:05 ) *
nie wiem juz tak sie przyzwyczailem, skoro CSS to tak jakby klasa to warto ja tez tak oznaczac ;-)

pierwszy raz słysze coś takiego.
piotrooo89
Cytat(lnn @ 26.04.2009, 19:53:05 ) *
nie wiem juz tak sie przyzwyczailem, skoro CSS to tak jakby klasa to warto ja tez tak oznaczac ;-)


cooo? klasy w CSS != klas w PHP... siejesz taka herezje że aż się włos na głowie jeży.
vokiel
Cytat(grzehotnik @ 26.04.2009, 19:12:28 ) *
Witam
Chcę zrobić na środku ekranu ramkę o określonych wymiarach i umieścić w niej treść strony.

Czy jest możliwość zrobienia tego bez użycia tabel?
Jaki jest najlepszy sposób na zrobienie tego?
Pozdrawiam


Tak, jak najbardziej. Trzba stworzyć dwa kontenery, jeden który będzie obejmował całą stronę (na wysokość) a wtedy drugi w nim, który da możliwość centrowania w pionie. Przykłady z opisami w linkach:

http://www.dynamicsitesolutions.com/css/ce...and-vertically/
http://www.codegobbler.com/vertically-and-...r-div-using-css
http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html
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.