Hi,
mixed sizes in px and % don't go to well together.
This would help:
div#navigation
{
color: white;
background-color: red;
width: 15%;
float: left;
padding-bottom: 300px;
}
div#pagetext
{
color: black;
background-color: #fffff0;
margin: 10px;
float: left;
width: 75%;
}
regards, Jens
Something like this would work. Mixing px and % works badly together. Making
On 10/9/06, Andrew May <[EMAIL PROTECTED]> wrote:
> Thanks,
>
> That does pretty much what I was hoping for. but. is there anyway of making
> the pagetext division take up ALL the available space not taken up by
> navigation. If I set width to 100% it tries to take up the full width so
> wraps to the bottom. The size of the viewport is obviously not known.
>
> Andrew
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Jens Nedal
> Sent: 08 October 2006 18:09
> To: Andrew May
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Positioning of a container DIV containing images
> andtext
>
>
> Hi Andrew,
> You forgot to float the div#pagetext and since h1 and p will try go
> for the whole width you will also need to set a width for div#pagetext
>
> Example:
> div#pagetext {
> color: black;
> background-color: #fffff0;
> margin: 10px 10px 10px 10px;
> float: left;
> width: 70%;
> }
>
> If anything follows below you should add a clear:both in the wrapping
> container or add a seperate div at the bottom that has clear:both as a
> property.
>
> regards, Jens
>
> On 10/6/06, Andrew May <[EMAIL PROTECTED]> wrote:
> > I am new to all this so please be gentle.
> >
> > I have a simple two-column design using floating DIVs with a navigation
> bar
> > on the left hand side and main content on the right. All works fine
> > _except:_
> >
> > I have a requirement to have some images with text to the right where, if
> > the text takes less height than the image the next bit of text will be
> > placed under the image – or next to the next image. I have solved this by
> > wrapping the text and image in a DIV with a couple of spacers to force
> > subsequent text past the image:
> >
> > <div class="container">
> > <div class="spacer"> </div>
> > <img class="float" src="two.jpg" alt="Image 2" />
> > Text
> > <div class="spacer"> </div>
> > </div>
> >
> > This works fine in a plain page but when used within the pagetext DIV of
> my
> > layout it forces the whole container DIV down below the navigation bar.
> >
> > This is all illustrated here: http://www.girton.ukfsn.org/css/demo.html
> >
> > I've reached the end of my Googling ability – probably because I am not
> too
> > sure what to Google for. Can anyone throw some light on what I might be
> > doing wrong?
> >
> > Many Thanks,
> >
> > Andrew
> >
> >
> >
> >
> >
> >
> > ______________________________________________________________________
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
>
>
> --
> So long and thanks for all the fish.
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
>
>
--
So long and thanks for all the fish.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
