[thelist] css question...

Travis travis at mediastill.com
Thu Nov 4 15:38:45 CST 2004


hi Jono,

hey, that seems to work.  unfortunetaely the container also needs to be
fluid, but maybe I can work something out.  thanks.

-travis


----- Original Message ----- 
From: "Jono" <ox4dboy at comcast.net>
To: <thelist at lists.evolt.org>
Sent: Thursday, November 04, 2004 1:13 PM
Subject: Re: [thelist] css question...


> Try setting a width on the containing div that your float is in,
> something like this:
>
> <head>
> <style type="text/css">
> #outerDiv {
> width: 500px;
> background: red;
> }
> #outerDiv .half {
> float: left;
> width: 50%;
> background: silver;
> }
> </style>
> </head>
> <body>
> <div id="outerDiv">
> <div class="half">this is the float</div>
> &nbsp;</div>
> </body>
> </html>
>
>
> On Nov 4, 2004, at 3:10 PM, Travis wrote:
>
> > Hi all,
> >
> > I have a problem:  I want to nest a div within a div like so...
> >
> > <div>
> >
> >  <div style="float:left; width:50%"></div>
> >
> > </div>
> >
> > This works great in firefox, etc, but in ie the nested div is assigned
> > 50%
> > the width of the entire page - not 50% the width of the parent div.
> > Interestingly, if I remove the float, it works fine.  Unfortuneately I
> > need
> > the float.
> >
> > Does anyone know of a workaround for this?  (Or am I doing something
> > wrong?)
> > Thanks!
> >
> > -travis
>
> -- 
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !


---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.784 / Virus Database: 530 - Release Date: 10/27/2004



More information about the thelist mailing list