Solved

CSS issue - large gap and don't know how to narrow it down

Posted on 2010-11-18
3
314 Views
Last Modified: 2012-05-10
On this site:

http://subastaprlive.auctionserver.net/view-auctions/individual-lots/?key=

Under the word "Estimates" there is an unusually large gap and I'm wondering how I can reduce it.
0
Comment
Question by:SWB-Consulting
3 Comments
 
LVL 3

Expert Comment

by:udoobu
ID: 34167486
Hello! It looks like there is a <br> tag right under "Estimates" that's causing the spacing. Are you able to remove that <br> or is it set in a template or something?
0
 

Author Comment

by:SWB-Consulting
ID: 34167573
Yes the br tag is set and it has to be there, but it also appears at other places and doesn't cause such large gaps ...
0
 
LVL 9

Accepted Solution

by:
CCSOFlag earned 500 total points
ID: 34168372
it's because the estimate div that you have is a block element.  Block elements automatically puts a <br /> after the div.  So when you put another one in it adds another line completely.  Then you have another div which is another block which starts another new line.  Removing that <br /. will move the values up beneath the word estimate.

So essentially you have three <br /> there in that spot because of how block elements work.  If you do not want the element to be a block, then change the display attribute to something else.  For example you could do display: inline-block (although IE doesn't recognize this).  If you did this, THEN you would want the <br /> there to force the values to move below the word estimates.
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

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.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

947 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

19 Experts available now in Live!

Get 1:1 Help Now