html - how to make this div resizable -


i have these 2 divs:

<div class="bubble">    blablablabla  <div class="arrow-left"></div> </div> 

.

.bubble{     background-color:#156ac6;      padding: 15px 10px 10px 10px;      color: white;     font-family:georgia; } .arrow-left {     position:relative;     top:42px;     right:0;     border-left: 42px solid transparent;     border-right: 0px solid transparent;     border-top: 42px solid #156ac6;     margin: 10px; } 

http://jsfiddle.net/jgwmm/

i want flexible, e.g. if resize browser, should shrink according width of browser. dont want media queries. css. how possible?

since haven't set widths on divs, should resize according browser default. however, can set widths in percent sure:

.bubble { width: 100%; } .arrow-left { width: 100%; } 

also don't need media queries media queries css.


Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -