layout issues with multiple divs using jquery css()

Question

I have a number of divs that I'm trying to layout. The current layout is perfect, see this fiddle.

Essentially I have a video player, represented by "Video player here". Beside it I have some tips and resources. Under the video player I have a table with buttons. Click a button to see what happens.

The info message triggered through jquery .css() should be under the video player and between the video player and table.

I'm sure I'm just missing something in the .css() but can't find the right combination to lay this out. Thanks in advance.

Ahem ... you are not doing any CSS positioning ... so why do you expect the box to have a certain position on screen? What about position: absolute or clear:both or similar? — devnull69
– devnull69, Commented Sep 19, 2012 at 13:39
@devnull69 I was, but removed it. I tried float: left like one of the answers but that doesn't work. But clear: left does. — Tom
– Tom, Commented Sep 19, 2012 at 13:58

Sablefoste · Accepted Answer · 2012-09-19 13:39:48Z

2

Just add to your css:

#quote {
 clear:left;   
}

That will make it show up under the video message.

answered Sep 19, 2012 at 13:39

Sablefoste

4,2123 gold badges41 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ravichandran Jothi · Accepted Answer · 2012-09-19 13:41:49Z

0

Add style for #quote in css

#quote
{
float: left;
}

or in JS,

$('#quote').css('float','left');

answered Sep 19, 2012 at 13:41

Ravichandran Jothi

3,06611 gold badges55 silver badges83 bronze badges

Collectives™ on Stack Overflow

layout issues with multiple divs using jquery css()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related