Fri, 2013-02-22 11:26
hi,
i have this html code:
<div align="left" style="float:left;>blablabla...</div> <div align="left" style="float:right; width:70%;>blablabla...</div>
the left floated div has not a width. so when the text inside it is large, it is not wrapped and the right div is going bellow the left div. it is possible to wrap the text when the left div is going to "touch" the right div?
i have this sample (created in Photoshop)
thanks in advance.
Fri, 2013-02-22 11:51
#1
Since the right hand column
Since the right hand column has an explicit width, put it first in the source order. Then, do not float the left hand column; style it as {overflow: hidden;}, which will create a new block formatting context for it.
cheers,
gary