CSS problem z klasą

Question

Witam, robię egzamin e14 w domu i podczas robienia klas baner, lewy, srodkowy, prawy(chodzi o ten) zostaje on na dole. Użyłem dla panelu lewego float:left;, a dla prawego float:right;. Co mogę innego zrobić aby był on na równi z panelem lewym?

Answer 1

Przy elementach pływających jest tak, że jeśli się nie mieszczą na szerokość to dany element spada na dół bo się nie mieści.
W Twoim przypadku 70% + 15% + 15% = 100% czyli ok, skoro jednak spada na dół to musi być gdzieś jakiś margines, padding, border, coś co zwiększa rozmiar elementu.
Przypuszczam, że nie wyzerowałeś marginesu przeglądarki na body. Wpisz na samym początku styli:
 

* {
margin: 0;
padding: 0;
}

 

Comments

Niestety nie pomaga :/

---

pokaż cały kod html i css

---

Popieram przedmówcę  Podaj kod, to coś wykombinujemy. 

---

Dopiero teraz zwróciłem na to uwagę. Jakoś mi to wcześniej umknęło :( Jeśli chcesz mieć elementy pływające to wszystkim musisz dać właściwość float. U Ciebie element środkowy nie ma tej właściwości.

Answer 2

może dodaj float:left do diva "srodkowy" - Atrybut float:left daje "opływanie do lewej strony dla każdego kolejnego bloku"

Answer 3

Wszystkie trzy powinny mieć float: left; a stopka clear: both; oraz powinny być w tym samym kontenerze.

Klasyka.

Comments

ale wiesz... to ma być na egzamin a tam jest chyba wzmianka żeby pozostawić domyślnie rzeczy nieokreślone. najlepiej robić jak najmniej zmian a float:left w srodkowym wydaje się koniecznością

---

Dziekuje działa