Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Dwa elementy po 100% szerokości w poziomie
Forum PHP.pl > Forum > Przedszkole
d.stp
Mam kolejny problem, próbuję osiągnąć takie coś:



Problem jest w tym, że jak dam tak jak na obrazku to wtedy te drugie okienko w tym dużym ucieka pod te pierwsze...

Te dwa okienka w tym dużym to inputy:

  1. .enter {
  2. width: 100%;
  3. position: absolute;
  4. bottom: 0;
  5. background: #eee;
  6. padding: 5px 0px 5px 0px;
  7. }
  8.  
  9. form {
  10. margin: 0;
  11. padding: 0;
  12. }
  13.  
  14. input[type="text"] {
  15. background: #f9f9f9;
  16. width: 80%;
  17. border-radius: 0;
  18. border: 0;
  19. padding: 0;
  20. margin: 0;
  21. }
  22.  
  23. input[type="submit"] {
  24. background: #2ecc71;
  25. border: 0;
  26. width: 20%;
  27. border-radius: 0;
  28. color: #fff;
  29. cursor: pointer;
  30. padding: 0;
  31. margin: 0;
  32. }


Jak to się robi, żeby te okienka zawsze miały ustaloną szerokość?
kafowi
Zmniejsz szerokość submita do 19% i powinno być koło siebie.
d.stp
wtedy jest, ale jak pomniejszam stronę to i tak ucieka w dół sad.gif
kafowi
Ustal jakąś stałą szerokość dla .entry
Nie wiem w jakim celu powiększasz stronę.
trueblue
Ustaw style display:inline-block dla <input> (nie może być białego znaku między nimi), albo display:block i float:left.
Korybut
"float: left;" dla form.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.