[HTML][CSS]3x div z img w jednej linii, cała szer. ekranu, Jak zrobić? Opcje

[dzinsy123]

Witam,

wiem, że można to zrobić kilkoma sposobami, nawet niektórymi ładnie to wygląda, ale chcę zapytać jak najlepiej to zrobić:

- chcę mieć 3 divy na stronie w 1 linii
- wszystkie 3 muszą zajmować łącznie całą szerokość strony (każdy tej samej szerokości)
- każdy będzie miał w tle background-image (tych samych wymiarów), a w treści jakiś tekst
- cały box musi być poprawny składniowo html5 css3
- blok musi być responsywny tj. obrazki w zależności od wymiarów mają się zmniejszać (zawartość też)

dzięki

PS - tak znalazłem różne rozwiązania, ale albo są nie-responsywne, albo dziwne składniowo

[dzinsy123]

Bardzo dziękuję wszystkim - moja pomyłka. (IMG:style_emoticons/default/facepalmxd.gif)
Błąd logiczny:
skoro 1/3 strony na szerokość zawsze zajmuje 1/3 ekranu (zmaksymalizowana) to można albo zmniejszać wysokość obrazka nie zachowując proporcji albo zmniejszać obrazek i zmniejszać jego szerokość również (nie ma wtedy 1/3 ekranu)

dzięki za wszelką pomoc - załapałem dopiero teraz (ostatnio się nie wysypiam i gubię oczywistości (IMG:style_emoticons/default/biggrin.gif) )
dzięki raz jeszcze