asked on

CSS Box positioning issue

Hi! I'm having a problem with a simple box within it's layout, here's de HTML code (I'm using bootstrap):

<div class="bolsa">
	<div class="info-top pull-right">
		<div class="nombre pull-left">MERVAL</div>
		<div class="valor pull-right">21594.70</div>
	</div>
	<div class="info-bottom subida">
		<div class="subida-bajada pull-left"><i class="fa fa-angle-up flecha"></i>&nbsp;0.57%</div>
		<div class="resumen pull-right">122.49</div>
	</div>
</div>

Open in new window

And here's the CSS code:

section.informacion-financiera .info-bolsa .bolsa
{
	width: 165px;
	display: inline-block;
}

section.informacion-financiera .info-bolsa .bolsa .info-top
{
	font-size: 10px;
	color: #545560;
	width: 161px;
	margin-bottom: 13px;
}

section.informacion-financiera .info-bolsa .bolsa .info-bottom
{
	position: relative;
}

section.informacion-financiera .info-bolsa .info-bottom .subida-bajada
{
	font-size: 17px;
}

section.informacion-financiera .info-bolsa .info-bottom .resumen
{
	font-size: 10px;
	margin-left: 11px;
	/*TODO*/
	/*position: absolute;
	bottom: 3px;*/
}


section.informacion-financiera .info-bolsa .info-bottom .i
{
	margin-right: 9px;
}

section.informacion-financiera .info-bolsa .subida
{
	color: #00b48c;
}

Open in new window

Now, it actually looks like this:

And it should look like this:

I've tried to uncomment the line commented in the CSS code, but it places the DIV on a weird place, please help me out since it's URGENT!

Julian Hansen

Can we please see a working link that shows the problem and can you state exactly what the problem is. I see two representations in terms of the data but need to understand what exactly needs to be fixed in the first.
- Is it the font size
- The colour
- The alignment
- The horizontal gap
- The vertical gap
- A combination of the above

Also, please can you use code tags for your posts. It makes the post much easier to read. To do this simply highlight the code and click the CODE button in the toolbar.
I have done this for you in your original post.

This question needs an answer!

Become an EE member today

7 DAY FREE TRIAL

Members can start a 7-Day Free trial then enjoy unlimited access to the platform.

View membership options

Learn why we charge membership fees

We get it - no one likes a content blocker. Take one extra minute and find out why we block content.