Float fix


Sok gondot okozott, hogy a float-olt div -ek nem növelik FF alatt a konténer elem magasságát. Erre találtam egy egyszerű megoldást. Annyi a teendőnk, hogy a css-be definiálunk egy új osztályt, aminek a tulajdonsága egyetlen sor. Itt található a példa css-kód részlet:

1
2
3
 .clearfix {
  clear: both;
 }

Ha ezzel kész vagyunk, a float-olt div-ek után betehetjük az alábbi kis sort, és máris meg van oldva a probléma.

1
 <div class="clearfix"></div>

Ezzel meg is lennénk.

Kapcsolódó bejegyzések:
  • Akinek WordPress-e van, biztos látta már a kódban ezt a részletet:Van akit nem zavar, van akit igen. Engem spec igen, mert rossz ötletnek tartom egy …

  • Itt láthattok egy módszert arra, hogy hogyan írathatjátok ki egy rövid PHP script segítségével az oldal betöltődésének idejét:A scriptet oda kell b …

  • Találtam ma egy nagyon hasznos JS-t (fixie.js), amely arra hivatott, hogy a sitebuilderek életét kicsit megkönnyítse. Méghozzá azáltal, hogy a fixie.js használat …

  • Egy tag-hez készíthetünk több különböző, ún. stílusosztályt is: a tag neve után egy ponttal elválasztva adjuk meg az osztály nevét (módosítót), pl.code.ht …

  • CSS alapú legördülő horizontális menü készítését sajátíthatod el a leírás segítségével.Stílus:body { padding: 0px; margin: 0px; behavior: ur …

A cikket beküldte: elias (http://www.e-lias.hu)

Szólj hozzá
a Float fix c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>