Three Column Layout Div Issue

[BlakeN]

Hi,

If you scroll midway down this page you can see where the error is. http://www.accurateleads.com/church-mailing-lists/

The text that should be below both lists is between them.
I have gone through and checked all div tags and cannot find where the error lies.

I have gone exactly by the instructions on this page:
http://my.studiopress.com/tutorials/content-column-classes/

I even tried adding <div class="clear-line"></div> and the error is still rendering.

Any help is greatly appreciated.

http://www.accurateleads.com/church-mailing-lists/

[jodzeee]

It looks like you don't have anything defined for your "clear-line" class. You need to add this to your CSS

.clear-line {
   clear:both;
}

[BlakeN]

Thanks for taking a look but I added the bit you suggested to the style sheet and the issue is still live.

Is there anything else it could be?

[jodzeee]

Hmmmm ... do you have a caching plugin or cloudflare or something that would be keeping the CSS from showing up? When I enter it into the inspector, it works.

[BlakeN]

No WP Super Cache, W3 Total Cache, or Cloudflare.

I checked once you suggested this and also came across the same results. When I enter it in firebug the issue is corrected but for some reason the page is still incorrect.

Should there be anything added to the functions.php to allow the clear div to work?

Thanks again!

[jodzeee]

I don't think so. I wonder if there's a plugin or something else buried that's using that same class that's overriding it. Try changing the class to something other than clear-line in both your CSS and the html and see if that works.

[Joy G]

I'm using metro and in the CSS for columns there is this:

.first {
	clear: both;
	margin-left: 0;
}

so I just use the following within the pages for a clear break:

<div class="first"></div>

or I put my full-width heading inbetween those divs.

[coralseait]

Who is the host, are they doing server or host level caching you may not know of?

---

Coral Sea IT

[BlakeN]

This actually ended up being a missing div tag in the style sheet and the problem has since been resolved.

Thanks for all the help.

[Author]

Posts