Solved

css clear causing space between divs

Posted on 2013-01-26
2
317 Views
Last Modified: 2013-01-27
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?
0
Comment
Question by:rivkamak
2 Comments
 
LVL 17

Expert Comment

by:selvol
ID: 38823626
	<p><img src="index.php_files/TopHP.jpg" style="border: 0; float: left; margin: 20px;" border="0">&nbsp;</p>

Open in new window

And
	<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.....

Selvol
0
 
LVL 16

Accepted Solution

by:
kiranvj earned 500 total points
ID: 38823742
Remove clear:both;

and add

overflow: hidden;

in class

.moduletablehpside

in default.css line no : 391
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now