Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Div w środku wysokości
aeaeae
post
Post #1





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

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

[CSS] pobierz, plaintext 
  1. html,body{
  2.   width:100%;
  3.   height:100%;
  4.   margin:0;
  5.   padding:0;
  6.   background-color:black;
  7. }
  8. #t{
  9.   width:100%;
  10.   height:50%;
  11.   margin:0 0 -250px;
  12. }
  13. #c{
  14.   width:828px;
  15.   height:500px;
  16.   margin:0 auto;
  17.   padding:0 36px;
  18.   background-color:white;
  19. }
[CSS] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html>
  3.   <head>
  4.     <link rel="stylesheet" type="text/css" href="style.css">
  5.   </head>
  6.   <body>
  7.     <div id="t"></div>
  8.     <div id="c">tekst</div>
  9.   </body>
  10. </html>
[HTML] pobierz, plaintext


Chciałbym zrobić diva w środku wysokości (tak jak powyższy kod), z tym żeby się nie chował po zmniejszeniu okna przeglądarki (gdy się zwęzi okno to nie można zobaczyć całego - tekst się chowa ponad okno ...).

Ten post edytował aeaeae 5.06.2011, 14:49:58
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
aeaeae
post
Post #2





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

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

Jeśli np. zwinę sobie okno przeglądarki do wysokości 100px (na oko) to 50% z tego to będzie 50px. Ponieważ margines dolny to -250px, to ten element, który jest na środku schowa mi się u góry. Tak jakby dać pozycjonowanie -200px.

W każdym razie już sobie poradziłem. Znalazłem trochę w google i zmodyfikowałem tak, że na całej stronie jest tabela z jednym td i do tego td wrzucam diva, który ma być na środku dodając vertical-align:middle. Sorry, że męczyłem, ale temat do zamknięcia.
Go to the top of the page
+Quote Post

Posty w temacie
- aeaeae   [CSS] Div w środku wysokości   5.06.2011, 14:22:20
- - Niedowiarek   Nie rozumiem, jak to się "chowa"? Wyjeżd...   5.06.2011, 15:31:03
- - aeaeae   Jeśli np. zwinę sobie okno przeglądarki do wysokoś...   5.06.2011, 18:17:16
- - modern-web   Dodam tylko, że nie projektuje się stron na tabela...   5.06.2011, 18:26:04
- - aeaeae   Może, skoro już tak dodajesz, to dodaj lepsze rozw...   5.06.2011, 18:31:24
- - modern-web   Ustaw wartości na `sztywno` a nie w %. Wte...   5.06.2011, 18:33:16
- - aeaeae   Dzięki, ale ja bym wolał zmianę rozwiązania a nie ...   5.06.2011, 18:39:02
- - modern-web   Musiałbym zrobić kilka testów, w praktyce najlepie...   5.06.2011, 18:43:31
- - erix   Ale kto Wam broni korzystać z display: table-* w d...   6.06.2011, 13:50:14

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 6.10.2025 - 10:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn