search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Using div in bubble

Asked by Alex
6 years ago.

Hello All,

I'm trying to use custom css for bubble. I included my custom css file and added this code:

args.html = "<div id=\"bubble_main\">"+
"<div id=\"bubble_date_of_event\">10.09.1980</div>"+
"<div id=\"bubble_event_name\">Event Name</div>"+
"<div class=\"bubble_stop\">"+
"<div id=\"bubble_resource_lable\">Resource:</div>"+
"<div id=\"bubble_resource_name\">Resource Name</div>"+
"</div>"+
"<div class=\"bubble_stop\">"+
"<div id=\"bubble_service_lable\">Service:</div>"+
"<div id=\"bubble_services\">"+
"<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
"<tr>"+
"<td>Service 1</td>"+
"</tr>"+
"<tr>"+
"<td>Service 2</td>"+
"</tr>"+
"</table>"+
"</div>"+
"</div>"+
"<div class=\"bubble_stop\" id=\"bubble_marging\">"+
"<div id=\"bubble_start_lable\">Start:</div>"+
"<div id=\"bubble_date_start\">10.09.1980 11:00</div>"+
"</div>"+
"<div class=\"bubble_stop\">"+
"<div id=\"bubble_end_lable\">End:</div>"+
"<div id=\"bubble_date_end\">10.09.1980 12:00</div>"+
"</div>"+
"</div>"

I'm trying to use not only .bubble_my_main and .bubble_my_main_inner but also css styles for specific div's (using id's) in this codes.
Result is like in file enclosed. Height of .bubble_my_main or .bubble_my_main_inner won't calculate.
Could you give me suggestion?

Answer posted by Dan Letecky [DayPilot]
6 years ago.

It looks like your styles use position: absolute. This causes the bubble HTML content to be taken out of the page flow - it doesn't extend the bubble div height. Try using position: relative instead.

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.