Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

css clear causing space between divs

Posted on 2013-01-26
2
Medium Priority
?
369 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:
Kiran Paul VJ earned 2000 total points
ID: 38823742
Remove clear:both;

and add

overflow: hidden;

in class

.moduletablehpside

in default.css line no : 391
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

886 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