Prazni (višina) elementi na strani

Pozdravljeni. Torej sam se malo učim mobile first pristopa k responsive web designu. Naletel sem na težavo pri desktop straneh. Nevem zakaj in kako imam prazne elemente: .container, header in .main. Prazni so v smislu da imajo višino 0px. Res je da sem logo in navigacijo floatal, vendar sem dodal clear both in še vedno ni nič. Prav tako za container, elementi so floatani vendar sem spet uporabil clear in še vedno ne prikazuje pravilno. Mi lahko kdo pomaga prosim? Pa prosil bi še malo razlage zakaj clear ne popravi tega:).

Stran: http://jernejtest.net63.net

steev je 10. sep 2013 ob 12:08 izjavil:

header:after {
 display: block;
 content: ' ';
 clear: both;
 }

uh, hvala za hiter odgovor:). Ampak a ne "prime" clear za 2 elementa? Jih rabiš 3? Al sem narobe razumel tole:)?

ne bo za stare brskalnike:). Obstaja kak ql emulator da mi simulira prikaz spletne na drugih browserjih? Naprimer rad bi videl kako mi prikaže na IE7:).

no sem mislul na kakšno stran, ne dejanski browser:). Ampak ja, itq da je vedno bolje dejanski. Bom pač dol potegnu če ni nobenega simulatorja:). Hvala za odgovore

tudi jaz sem na tem, ravno včeraj nabavil:). Škoda k je plačilo na mesec. Kako lahko preprečim da mi pošiljajo položnice? Ker bi rad samo za 1 mesec uporabljal