fragmente

Block the Internet Explorer 6 and other old browsers with a small Warning-div

Hi there,

in the last days we relaunched our website (www.team-noir.net). We used the CSS Framework YAML and create a small website (6 pages). But i spent 4 hours just for bugfixing the  fxxxx Internet Explorer 6.0 and 5.5

They don’t know variables heights or transparent png’s … certainly you know this!

I was so angry about loosing this time for old, silly and unsecure browers …

Continue reading ‘Fight old Browsers – Warning with jQuery’

Today I had a really annoying problem with two floated elements and a clear afterwards. It´s well known if you want to put two elements (two div-container) side by side instead of one below the other you have to use CSS-floating and to stop the float afterwards (to start the normal document flow) you have to clear the elements.

.element_a {float: left;}
.element_b {float: right;}
.element_c {clear: both;}

Today I had this problem. I was using within a YAML Layout (middle column) some elements, two were floated like shown above. Now I do a css clear for the hr-tag (horizontal dashed line) to stop floating. What I got was the stopped floating, but also a big gap above the line (see first picture below). I was now trying with Firebug and other tools to eliminate this gap for one or two hours and it doesn´t work.
I just wanted to put a negative margin-top to slide the element above. But this doesn´t work at all!

Continue reading ‘CSS floating problems’