Problem z prawidłowym umieszczeniem diva i divem container

Question

Więc tak, problem polega na złym umieszczeniu obrazka samochodu https://zapodaj.net/c33fb43b6c957.png.html powinien być on po prawej stronie contentu (czyli diva z opisem na środku)  w css użyłem float: left w class content. Obliczyłem też szerokość żeby wszystko pasowało i nie mam pojęcia co jest nie tak, ponadto div container w którym są wszystkie inne divy kończy się przed jego zamykającym tagiem </div>

 

<script src="https://gist.github.com/anonymous/9f3f32474ae2cd337f12ec619c38ef6b.js"></script>

Comments

https://gist.github.com/anonymous/9f3f32474ae2cd337f12ec619c38ef6b prawdiłowy link

Answer 1

Witam. Elementy blokowe z zasady ustawiają się jeden pod drugim. Więc po co clear:both; po logo i lista. przecież one są jeden pod drugim. potem social i content maja float: left; i tu ok. A footer powinien mieć clear: both; bo już nie jest obok content. A obrazek powinien być wstawiony jako tag<img> w content i być opływany przez tekst.

Comments

Pozmieniałem clear: both; obrazek jest wstawiony w tag <img> ale dalej nie wiem jak zrobić to tak , żeby  div z obrazkiem  był po prawej stronie diva content, i możesz rozjaśnić opływany przez tekst.

---

Po prostu daj obrazek  <img src="img.jpg"> tam gdzie chcesz żeby był w "content" i daj mu float : left; lub float right; zależy gdzie ma być.

---

Dobra chyba nie przeczytałeś tego co ja pisałem więc mi nie pomożesz.

---

Sorki myślałem że obrazek ma być w content.

Więc jeżeli ma być po prawej stronie content to oczywistym jest, że <div id="img"></div> musi mieć float: left; a nie clear: both; jak u ciebie. I clear: both; pod logo i lista jest nie potrzebny. Natomiast jest potrzebny dla footer.