Solved

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

Posted on 2010-11-18
3
315 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Easy responsive table out of existing table 28 55
hosting images 4 29
Problem to refer to value 8 49
Sort Order Icons on HTML Table 3 23
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

772 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