heigth of divs

Hi,

My container div should contain all the contents on the page, but it
does not appear to have the height of the complete page.
See page:

http://afstuderen.archytas.nl/verslag.php

In the end of the page, mozilla makes the white div longer than the
container. MSIE will leave some content away and cuts the page earlier.
Does anyone have an idea why this will happen?

Thanks in advance,

Roderik

Roderik wrote:

Hi,

My container div should contain all the contents on the page, but it
does not appear to have the height of the complete page.
See page:

http://afstuderen.archytas.nl/verslag.php

In the end of the page, mozilla makes the white div longer than the
container. MSIE will leave some content away and cuts the page earlier.
Does anyone have an idea why this will happen?

You have given the #divContents a relative position, with
top:100px. This will put the div 100px lower than its
original position, both at the top and at the bottom.
To keep it inside it's box, use margin-top:100px instead of
position:relative and top:100px, or, add a margin-bottom of
100px (200px if you would use top:200px) to the div.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Els wrote:

Roderik wrote:

Hi,

My container div should contain all the contents on the page, but it
does not appear to have the height of the complete page.
See page:

http://afstuderen.archytas.nl/verslag.php

In the end of the page, mozilla makes the white div longer than the
container. MSIE will leave some content away and cuts the page earlier.
Does anyone have an idea why this will happen?


You have given the #divContents a relative position, with top:100px.
This will put the div 100px lower than its original position, both at
the top and at the bottom.
To keep it inside it's box, use margin-top:100px instead of
position:relative and top:100px, or, add a margin-bottom of 100px (200px
if you would use top:200px) to the div.

Thanks.

Now another problem. In internet explorer the background of the
container is brown, in Mozilla the background is all black.
Probably the container has no height in Mozilla, any idea how I can
solve this, so the background of the container (with full height) is
brown in Mozilla as well?

Roderik

Roderik wrote:

Els wrote:

Roderik wrote:

http://afstuderen.archytas.nl/verslag.php

Now another problem. In internet explorer the background of the
container is brown, in Mozilla the background is all black.
Probably the container has no height in Mozilla, any idea how I can
solve this, so the background of the container (with full height) is
brown in Mozilla as well?

By adding a div or br (div is better, cause you can style
it) with clear:both just before the end of the container
div. That makes IE stretch that div past the 'clearing div'.

btw: hoe ontvangt iemand koffie via internet? ;-)(het staat
er nog twee keer ook)

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Els wrote:

btw: hoe ontvangt iemand koffie via internet? ;-)(het staat er nog twee
keer ook)

They use a VPM

--
John MexIT: http://johnbokma.com/mexit/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/

John Bokma wrote:

Els wrote:

btw: hoe ontvangt iemand koffie via internet? ;-)(het staat er nog
twee keer ook)

They use a VPM

I give up. What's a VPM?
(heb trouwens inmiddels het artikel nader bekeken, Roderik,
dus ik snap het nu - hoewel ik het eerst nog moet zien
werken irl ;-))

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Els <els.aNOSPAM (AT) tiscali (DOT) nl> wrote

You have given the #divContents a relative position, with
top:100px. This will put the div 100px lower than its
original position, both at the top and at the bottom.
To keep it inside it's box, use margin-top:100px instead of
position:relative and top:100px, or, add a margin-bottom of
100px (200px if you would use top:200px) to the div.

Thanks Els... Your solution helped me to solve a totally different
problem of mine..

Regards,
Rithish.

Rithish wrote:

Els <els.aNOSPAM (AT) tiscali (DOT) nl> wrote


You have given the #divContents a relative position, with
top:100px. This will put the div 100px lower than its
original position, both at the top and at the bottom.
To keep it inside it's box, use margin-top:100px instead of
position:relative and top:100px, or, add a margin-bottom of
100px (200px if you would use top:200px) to the div.

Thanks Els... Your solution helped me to solve a totally different
problem of mine..

Care to say what it was?
(curiosity only kills cats, not me ;-) )

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Els <els.aNOSPAM (AT) tiscali (DOT) nl> wrote

Rithish wrote:
Els <els.aNOSPAM (AT) tiscali (DOT) nl> wrote


You have given the #divContents a relative position, with
top:100px. This will put the div 100px lower than its
original position, both at the top and at the bottom.
To keep it inside it's box, use margin-top:100px instead of
position:relative and top:100px, or, add a margin-bottom of
100px (200px if you would use top:200px) to the div.

Thanks Els... Your solution helped me to solve a totally different
problem of mine..

Care to say what it was?
(curiosity only kills cats, not me ;-) )

Sure Els, why not?? If curiosity were to kill more than cats, then
most people out here would be dead by now !! ;D


http://groups.google.co.in/groups?q=... e.com&rnum=3



Regards,
Rithish.

Rithish wrote:

Thanks Els... Your solution helped me to solve a totally different
problem of mine..

Care to say what it was?
(curiosity only kills cats, not me ;-) )

Sure Els, why not?? If curiosity were to kill more than cats, then
most people out here would be dead by now !! ;D

http://groups.google.co.in/groups?q=... e.com&rnum=3

I remember seeing that message and subsequent thread, but I
found it rather complicated. Glad that such a simple thing
as my solution helped solve that. ;-)

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -