|
Posted by nagasaki mike on 10/17/06 23:26
"nagasaki mike" <n@gasaki.com> wrote in message
news:GYednch7Arjb-6jYRVnyig@eclipse.net.uk...
>
> "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>
>
eek ignore the float right bit....
Navigation:
[Reply to this message]
|