Zakaj mi naredi tak razmak CSS ?

Pozdravljeni.

Mi zna kdo povedati, zakaj mi na mojem blogu naredi tak razmag spodaj in niso sličice ena za drugo:
http://www.goran.si/
Če zmanjšam font je uredi, vendar to ni to. Druge stvar sem tudi že poskušal spremeniti vendar neuspešno.
Ve kdo kaj je narobe?

Hvala LP

3 odgovori

Razmik ti naredi, ker so floating divi različnih višin in se tako razporedijo. Z zmanjšanim fontom si dosegel to, da je bil class "box-title" ves čas eneke velikosti (tekst ni šel v naslednjo vrstico) in je bila zato tudi razporeditev ok. Nisem specialist za css, a ena od rešitev bi bila, da bi dal classu "box-title" fiksno velikost, tako da bi povsod imel recimo max. dve vrstici teksta. Na ta način boš tudi ob trenutnem fontu izenačil velikosti vseh floating divov in bi problem moral biti rešen.

1

S temle rešiš:
div#primary.content-area main article:nth-child(3n+1) {
clear: both;
}

S pomočjo @media določi minimalno širino zaslona, kdaj to pravilo velja...

1

jazzfunk:
S temle rešiš:
div#primary.content-area main article:nth-child(3n+1) {
clear: both;
}

S pomočjo @media določi minimalno širino zaslona, kdaj to pravilo velja...

Super, rešil zadevo!

Hvala vam!