Forum PHP.pl

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

[HTML] pobierz, plaintext 
<center><div height="wys" width="szer">treść</div></center>
[HTML] pobierz, plaintext 

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

Ten post edytował Gryf 26.04.2009, 18:25:10

Nie cofajmy się do prehistorii.
HTML + CSS


html :

[HTML] pobierz, plaintext 
<div id="content">
 
Twoja treść
 
</div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
div#content {
 
 margin: 0 auto;
 
 width: szerokosc;
 
 height: wysokosc;
 
}
[HTML] pobierz, plaintext 

 

Ten post edytował bartolomeo 26.04.2009, 18:29:01

Zrobiłem tak ale okno pojawia się na środku ekranu na samej górze a
ma się pojawiać w centrum.

[HTML] pobierz, plaintext 
<div class="">
[HTML] pobierz, plaintext 

a nie

[HTML] pobierz, plaintext 
<div id="">
[HTML] pobierz, plaintext 

wtedy:

[HTML] pobierz, plaintext 
<div class="nazwa">
 
/* CSS */
div.nazwa {
atrybuty;
}
[HTML] pobierz, plaintext 

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

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



Ten post edytował lnn 26.04.2009, 18:46:01

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 ;-)

pierwszy raz słysze coś takiego.

cooo? klasy w CSS != klas w PHP... siejesz taka herezje że aż się włos na głowie jeży.

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