Solved

css clear causing space between divs

Posted on 2013-01-26
2
324 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Drop down button NAMES disappear 1 60
Animate a Title 7 47
WordPress Themes 10 34
Add css and js to MVC Project not in project 9 27
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

932 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

9 Experts available now in Live!

Get 1:1 Help Now