Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> width:100%-200px;, jak to poustawiać?
radvanced
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 16.08.2010

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

Mam taka zagadkę.
chcę na dole strony dać dwa elementy:
- jeden z zafixowanymi wymiarami, powiedzmy 200x200px, w lewym dolnym rogu.
- drugi obok, ma sie zaczynac od pierwszego elementu i dochodzic do konca strony bez względu na rozmiar okna.

cos w rodzaju width:100%-200px.

da sie? czy sie nie da sie?
oto jest pytanie.

Dzieki z góry
michał
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
radvanced
post
Post #2





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 16.08.2010

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

jestem pod wrażeniem!
cały wieczór nad tym wczoraj przesiedziałem.

Dzięki Panowie!

----- trochę później----

Testuję powyższego CSSa (drugi przykład).
i odkryłem ze jest w nim mała sztuczka. - kontener #drugi jest wypełniony textem co powoduje rozciągnięcie go do krawędzi okna
jeśli w paragrafie będzie krótki text to #drugi nie bedzie miał odpowiedniej szerokości.

Kombinuję, czy da się zrobić tak, aby #drugi bez wzgledu na zawartosc miał szerokosc od 200px z lewej az do konca strony?

----- jeszcze później----

udało sie:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>adsad</title>
  4. <style>
  5. #pierwszy
  6. {
  7. 	width: 200px;
  8.     height: 200px;
  9.     position: fixed;
  10.     bottom: 0;
  11.     left: 0;
  12.     background-color: #ccc;
  13. }
  14. #container
  15. {
  16. 	padding-left: 200px;
  17. }
  18. #drugi
  19. {
  20. position:fixed;
  21. 	background-color: #aaa;
  22. 	  bottom: 0px;
  23.     width: 100%;
  24.     height: 200px;
  25.  
  26. }
  27.  
  28. </style>
  29. </head>
  30. <body>
  31. <div id="container">
  32.    <div id="pierwszy"></div>
  33.    <div id="drugi"></div>
  34. </div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


Dziękuję Krzywemu36 za rozwiązanie.

Ten post edytował radvanced 14.03.2011, 18:40:14
Go to the top of the page
+Quote Post

Posty w temacie
- radvanced   width:100%-200px;   13.03.2011, 19:35:07
- - elektrrrus   Da się, ale raczej tylko z ustalaniem wymiarów w j...   13.03.2011, 19:50:27
- - radvanced   Dzięki za odpowiedź sposób z JS znam. chciałem to...   13.03.2011, 21:02:03
- - krzywy36   jest. [HTML] pobierz, plaintext <html><h...   13.03.2011, 22:07:59
- - Pawel_W   wystarczy ustawić display: block i nie musisz z wi...   13.03.2011, 22:46:47
- - krzywy36   inne rozwiązanie, jednego diva mniej : [HTML] pobi...   14.03.2011, 08:44:14
- - radvanced   jestem pod wrażeniem! cały wieczór nad tym wcz...   14.03.2011, 18:27:01

« Następny starszy · CSS · 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: 13.10.2025 - 11:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn