By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,788 Members | 1,115 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,788 IT Pros & Developers. It's quick & easy.

heigth of divs

P: n/a
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
Jul 20 '05 #1
Share this Question
Share on Google+
9 Replies


P: n/a
Els
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 vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #2

P: n/a
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
Jul 20 '05 #3

P: n/a
Els
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 vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #4

P: n/a
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/
Jul 20 '05 #5

P: n/a
Els
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 vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #6

P: n/a
Els <el*********@tiscali.nl> wrote in message news:<40**********************@dreader2.news.tisca li.nl>...
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.. :D

Regards,
Rithish.
Jul 20 '05 #7

P: n/a
Els
Rithish wrote:
Els <el*********@tiscali.nl> wrote in message news:<40**********************@dreader2.news.tisca li.nl>...
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.. :D


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

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #8

P: n/a
Els <el*********@tiscali.nl> wrote in message news:<40**********************@dreader2.news.tisca li.nl>...
Rithish wrote:
Els <el*********@tiscali.nl> wrote in message news:<40**********************@dreader2.news.tisca li.nl>...
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.. :D


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=...gle.com&rnum=3

Regards,
Rithish.
Jul 20 '05 #9

P: n/a
Els
Rithish wrote:
Thanks Els... Your solution helped me to solve a totally different
problem of mine.. :D


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=...gle.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 vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #10

This discussion thread is closed

Replies have been disabled for this discussion.