Guest
home
beatmaps
rankings
community
store
help
forum
  1. Forums
  2. osu!
  3. Help
  4. Resolved Issues

[web] Forum index float clear issue [confirmed] [resolved]

posted
Total Posts
7
Mercurial
Topic Starter
Mercurial
In Google Chrome this "thing" happens.

The maps are trampled by the bar




Internet Explorer doesn't have this problem.




I want to test this on Firefox but I haven't it right now.

Edit: Not happening on Firefox

Last edited by Mercurial , edited 1 time in total.
James2250
osu! Alumni
4,059 posts
Joined July 2008
James2250
Duplicate.

t/99622
t/99480

Edit: Actually I am going to say we keep this thread as it has more pics/details than the others. Un-Duplicate.
Only seems to happen on chrome/Opera.
RBRat3
osu!painter
762 posts
Joined April 2010
RBRat3
Mines a little different (opera)
dkun
osu! Alumni
4,486 posts
Joined August 2009
dkun
I thought this was intended. Well then..
mm201
osu! Alumni
4,495 posts
Joined August 2008
mm201
l2 thread title.
Mercurial
Topic Starter
Mercurial
Well, I don't have imagination, sorry about it.
nanashiRei
228 posts
Joined April 2011
nanashiRei 
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

Usage:
<div class="clearfix">
<ul class="float-li-elements"><!-- just imagine the LI elements are floating, either direction -->
<li>test</li>
</ul>
</div>

What happens:
The DIV with the clearfix class will always enclose all of it's content, even when floating in either direction. It will also clear the float, making things like <br class="clear-both"> useless.

Compatible?
Yes. Absolutely and ultimatively cross-browser-compatible. (Well not with IE5.5 but meh...)
Please sign in to reply.

New reply

0
1 / 7