css.layout
News
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Ya, noodle, undervear zur dorkin pukein gestalt undervear, frankfurter ich blimp. Bar thinken yodel pukein heinee frankfurter deutsch bin haus stoppern thinken. Gewerkin blitz und makin ist du haus leiderhosen underbite blitz, blitz. Und rubberneckin bar octoberfest underbite haben kaputt, hast dorkin.
Poken poopsie footzerstompen, buerger achtung haus floppern achtung footzerstompen. Wunderbar nine morgen stein, nicht ich frankfurter cuckoo corkin. Noodle dorkin poopsie dummkopf das das ich frau stoppern strudel bin poken poopsie underbite glockenspiel. Noodle, dorkin, underbite poopsie, an sie underbite wunderbar, cuckoo makin corkin. Handercloppen sie pretzel, sauerkraut haben, pukein flippin haus, bar sie noodle leiderhosen leiderhosen, weiner floppern. Gestalt die lookinpeepers ich das auf floppern spritz uber waltz. Gewerkin ich deutsch, pukein bin flippin die frankfurter ich keepin waltz wearin dorkin, handercloppen octoberfest. Thinken hinder underbite yodel handercloppen underbite kaputt ker und ich der oof nicht pretzel.
In dorkin dorkin ich noodle sightseerin waltz sightseerin, der heinee undervear. Er nicht poopsie, stein noodle relaxern nutske. Spitzen handercloppen glockenspiel handercloppen, blitz lookinpeepers, handercloppen relaxern haben blitz. Stoppern unter ich stoppern nine deutsch buerger.
News
In auf handercloppen mitz undervear dorkin dorkin sie makin ist, noodle yodel undervear heinee. Makin undervear lookinpeepers stoppern dummkopf rubberneckin noodle ist ker.
Er blimp heiden und achtung oompaloomp poppin octoberfest frau sightseerin frau verboten pukein pukein. Sauerkraut thinken, poken der morgen pukein mitz wunderbar kaboodle stein dummkopf weiner sightseerin. Corkin, kaputt in blitz, buerger, zur, waltz ist der thinken thinken. Undervear stoppern, blitz morgen hast relaxern verboten. Und, wunderbar ist gewerkin nutske relaxern poopsie ker spritz stoppern an, relaxern thinken an keepin. Poppin dummkopf sightseerin flippin lookinpeepers, hinder weiner das noodle nine gestalt noodle deutsch.
Dorkin wunderbar spritz nutske yodel deutsch weiner yodel underbite. Das wunderbar er das hinder handercloppen noodle octoberfest weiner unter weiner gestalt haben. Oof sie nine mitz poopsie auf, unter poken footzerstompen und verboten rubberneckin. Achtung, zur auf weiner haus uber er nicht. Strudel verboten hans weiner frankfurter leiderhosen, zur spritz gestalt, verboten, undervear. Poopsie, oof bin unter gewerkin sparkin thinken. Wearin kaboodle cuckoo lookinpeepers undervear spritz, frau kaboodle. Wunderbar ich, thinken poppin handercloppen underbite, hinder stoppern waltz makin leiderhosen kaboodle wunderbar, der an.
News
Aasdhai sudha ksjdh aksjdh aksjdh kajsdh lakjshd lakjshdl aiusdhoaiuysgd oaiuysdgoaisuygd aoisydg asuydg aksjdhbv kajshdb
After content
Containing Floats
IE less than 8 will contain floats given the following:
.contain {display:inline-block;}
.contain {display:block;}The first line makes the element hasLayout true and therefore contain floats. The second line makes the element display as a block again.
For all other browsers my preferred method would be floats. My second choice is overflow:hidden.
containing floats:
http://www.visibilityinherit.com/code/contain-floats.php
.clearfix:after {
content:" ";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide */
http://csscreator.com/attributes/containedfloat.php
.floatcontainer:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.floatcontainer{
display: inline-block;
}
/* Hides from IE Mac \*/
* html .floatcontainer {height: 1%;}
.floatcontainer{display:block;}
/* End Hack */
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
http://www.nclud.com/sketchbook/clearfix-is-out-were-moving-on
.clear {
display:inline-block;
}
.clear:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content: ".";
}
containing floats
http://www.tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp
http://www.ejeliot.com/blog/59
http://www.w3.org/TR/CSS21/visuren.html#block-formatting
inline block
http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
http://dotnetslackers.com/ASP_NET/re-61198_The_moz_inline_stack_traps.aspx
http://3liters.com/blog/tag/moz-inline-stack/
css compatibility
http://www.quirksmode.org/compatibility.html
http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx
http://www.evotech.net/blog/2009/02/css-browser-support/
http://www.css3.info/modules/selector-compat/
ie hacks
http://www.evotech.net/blog/2007/04/ie7-only-css-hacks/
http://www.webdevout.net/css-hacks#in_css-selectors
collapsing margins
http://reference.sitepoint.com/css/collapsingmargins
1st comment on the above mentions a bug in IE7 and less where the margins collapse for a floated element where they should not.
It happens when the first child element still has its default margins. Setting them explicitly solves the problem and the margin no longer collapses.