Guillotine-Bug? Bug

0 min read 90 words

Yes, it’s called a Guillotine-Bug and it’s yet another bug IE users get to look forward too 😛

So how does it work?
Basically, the hasLayout messes around and elements become invisible and visible according to random things. Rather silly, but a bit of a bitch to initially figure out.

So how do you fix it?

Try this:

in your css file add:

* html .container {height: 1%;}
.container:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

then apply to all elements that have nested floats.

Tags:
Andrew
Andrew

Andrew is a visionary software engineer and DevOps expert with a proven track record of delivering cutting-edge solutions that drive innovation at Ataiva.com. As a leader on numerous high-profile projects, Andrew brings his exceptional technical expertise and collaborative leadership skills to the table, fostering a culture of agility and excellence within the team. With a passion for architecting scalable systems, automating workflows, and empowering teams, Andrew is a sought-after authority in the field of software development and DevOps.

Tags