• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 374
  • Last Modified:

css clear causing space between divs

I have a few divs one after the other with a border around each of them.
For some reason they don't line up evenly 1 on top of the next so I put a clear:both on the div and then the divs are fine.
but then I ended up with a space between each div, instead of them collapsing into each other.
You can view it here:http://ytcdenver.org/index.php
what can I do to fix the problem?
1 Solution
	<p><img src="index.php_files/TopHP.jpg" style="border: 0; float: left; margin: 20px;" border="0">&nbsp;</p>

Open in new window

	<p><img src="index.php_files/middleHP.jpg" style="float: left; border: 0; margin: 20px;" align="left" border="0">&nbsp;</p>

Open in new window

Try changing the margin to "0" on the above.....

Kiran Paul VJComputer EngineerCommented:
Remove clear:both;

and add

overflow: hidden;

in class


in default.css line no : 391
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now