1. .strona_srodek {
  2. float: left;
  3. clear: none;
  4.  
  5. margin-right: 5px;
  6.  
  7. width: 400px;
  8.  
  9. background-image: url(../grafika/gradient_srodek.jpg);
  10. }
  11.  
  12. .srodek_srodek_input {
  13. margin-left: 80px;
  14. background-image: url(../grafika/gradient_srodek_cien.jpg);
  15. width: 236px;
  16. overflow: hidden;
  17. }
  18.  
  19. form {
  20. display: inline;
  21. }
  22.  
  23. input {
  24. width: 228px;
  25. border-width: 0px;
  26.  
  27. background-color: transparent;
  28.  
  29. font-family: Tahoma;
  30. font-size: 14px;
  31. color: #574532;
  32. }


Wszystko wrzucone jest do strona_srodek

srodek_srodek_input jest tłem pod inputem (po co? A no po to, by tło nie przesuwało się jeśli wpisze się więcej tekstu w inpucie)

w srodek_srodek_input jest input.

srodek_srodek_input ma ustawiony lewy margines 80px. W IE dzieje się coś bardzo dziwnego. Input jakby przejmuje też wartość tego marginesu. W rezultacie wyświetla mi się stronka gdzie mam srodek_srodek_input 80px od lewej krawędzie i inputa 80px d lewej krawędzi srodek_srodek_input.

Żeby było ciekawiej jak w inpucie wpisze się x znaków (tak by wyszły poza długość inputa ) input sam wskakuje na odpowiednie miejsce czyli do lewej krawędzie srodek_srodek_input.


Da się z tym zrobić coś innego jak przerobić na tabele?