Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Obniżenie pola text na dół obszaru DIV`a
kosmos
post 5.11.2013, 22:17:18
Post #1





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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


Mam taką sytuację:



W DIV`ie 1 znajduje się DIV 2. Chciałbym aby pole text oraz button znajdowały się na samym dole obszaru DIV 2. Próbowałem z paddingiem ale nie działa jak powinien. Obniża zawartość formularza ale im niżej tym bardziej prawej strony.

Część CSS:

  1. #nagloweksrodek{
  2. float: left;
  3. height: 110px;
  4. width: 248px;
  5. display: table-cell;
  6. border-width: 1px;
  7. border-style: ridge;
  8. }
  9.  
  10. #nagloweksrodek-wyszukiwarka{ /*tu znajduje się formularz*/
  11. /*padding: 70px;*/
  12. height: 80%;
  13. width: 80%;
  14. background: yellow;
  15. }


Ten post edytował kosmos 5.11.2013, 22:17:58
Go to the top of the page
+Quote Post
kamil4u
post 5.11.2013, 22:24:53
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


słowa klucz: position i bottom

Jak sobie nie poradzisz wrzuć demo np. tu: http://jsfiddle.net/


--------------------
Go to the top of the page
+Quote Post
kosmos
post 6.11.2013, 21:05:29
Post #3





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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


Niestety nie potrafię obniżyć na dół tego formularza ....

http://jsfiddle.net/at4Hg/
Go to the top of the page
+Quote Post
kamil4u
post 6.11.2013, 22:20:26
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


http://jsfiddle.net/at4Hg/1/ - na przyszłość proszę nie pisać do mnie PW, jeżeli nie jest to typowo prywatna sprawa - po to jest forum, dzięki temu ktoś kto będzie miał podobny problem znajdzie roziwązanie

Pozdrawiam


--------------------
Go to the top of the page
+Quote Post
kosmos
post 7.11.2013, 09:22:10
Post #5





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

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


Przepraszam za PW ...
otrzymany efekt po dodaniu Twoich zmian nie jest dla mnie poprawny.
Chodzi o to aby pole tekstowe wraz z buttonem znajdowały się na samym dole żółtego prostokąta.
Go to the top of the page
+Quote Post
kamil4u
post 7.11.2013, 12:53:51
Post #6





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Sam w przykładzie ustawiłeś bottom na 10px. Zmień na 0 i będzie ok: http://jsfiddle.net/at4Hg/9/


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.05.2025 - 08:16