|
Posted by nagasaki mike on 10/17/06 23:25
"Snef" <s.franke@snefit.com> wrote in message
news:29882$4534b8a6$3ec24187$8455@news.chello.nl...
> Hi,
>
> I'm trying to do a simple thing but for some reason I do not get it right.
>
> I have 2 div's that are floating next to eachother. The most left div is
200px
> in width. The div on the right is of unknown width (that depends on the
left
> div, that one can be hidden when there is no content in it).
> In IE the right div is displayed next to the left one, but FF shows it
onder the
> first because it has no width set.
>
> How can this be solved?
>
> Here is an example:
>
> <div style="width: 500px; background-color: #cccccc; overflow: auto;">
> <div style="float: left; width: 200px; background-color: #eeeeee; display:
> inline;">
> div1
> </div>
> <div style="float: left; background-color: #dddddd; display: inline;">
> div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2
> </div>
> </div>
what is the enclosing div for? it is 500px wide so nothing is going to go
wider than that.
kill the enclosing div. oh and make your right div float:right. though this
div will only stretch as far as its content.
and then
<div style="float: left; width: 200px; background-color: #eeeeee;" >this
will disappear when empty</div>
<div style="float: left; background-color: #dddddd;">
this will only stretch as far as its content</div>
Navigation:
[Reply to this message]
|