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
krzywy36
post
Post #2





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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

inne rozwiązanie, jednego diva mniej (IMG:style_emoticons/default/wink.gif) :
[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. #drugi
  15. {
  16. 	background-color: #aaa;
  17.     height: 100%;
  18.     margin-left: 200px;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div id="pierwszy"></div>
  24. <div id="drugi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sem dui, laoreet sit amet gravida et, iaculis et dolor. Nullam felis felis, aliquet eget pharetra id, sollicitudin non tortor. Nullam sit amet ligula non enim ultricies commodo. Donec ultrices neque eu justo volutpat ultrices. Cras at tortor lectus. Vestibulum pulvinar sagittis faucibus. Nullam semper lobortis dapibus. Aliquam id augue nisl, et varius lectus. Morbi non orci sed enim gravida cursus vel sed lorem. Donec felis ante, ultrices vehicula ultrices eget, imperdiet vel massa. Nulla sit amet mi mi, nec aliquam metus. In tempor rhoncus justo, pellentesque rhoncus sapien euismod a. Mauris odio tortor, fermentum sed iaculis ac, mollis ut tortor.</div>
  25. </body>
  26. </html>
[HTML] pobierz, plaintext


@Pawel_W: divy mają domyślnie display block

Ten post edytował krzywy36 14.03.2011, 08:46:25
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
1 Użytkowników czyta ten temat (1 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: 7.10.2025 - 19:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn