Why is Vanilla Forums using 'clear: both;' for the 'Message' div?

badlearner

Consider this very forum. Why is clear: both; style attribute used for the 'Message' div?

I mean, this part of HTML code:

<div class="Message">

And this in CSS code custom.css or style.css:

.Preview .Message, .MessageList .Message {
    clear: both;
}

I want to remove that (as it breaks my custom styles). But want to be make sure it's not there for a purpose.

422

Usually its there because the theme or file is created dynamically, and its borrowed across from other templates.

x00

does it matter?

Preview .Message, .MessageList .Message {
    clear: none;
}

you can also copy style.css to your theme's design folder, it is just advisable to use custom.css, unless you have to.

badlearner

@x00 : I just wanted to confirm if removing that attribute is breaks something I am not noticing.

422

Its just a reset style, i dont use it personally. I prefer clearfix, same shit different bucket. Used mainly to clear divs either side of floats.

badlearner

@422 : Yes, but I don't see anything floating around the 'Message' div, and that's what makes me wonder why it's used.

422

Usually its there because the theme or file is created dynamically, and its borrowed across from other templates.

badlearner

Okay! Thanks for clarifying.

422

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_class-clear

badlearner

@422 : Come on, I know that! You are embarrassing me. :P (he he!)

Like I said, I was asking the question because 'clear:both:' is used even though there's nothing floating around 'Message' div.

422

I posted that so you could play with the code live.

badlearner

:-o Thanks!