You are here: Re: Nested Div. Height:100%. Does more than 100% « HTML « IT news, forums, messages
Re: Nested Div. Height:100%. Does more than 100%

Posted by celineusa on 11/29/05 01:32

Thank for the answer! I really appreciate.
I am using
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I can't use a strict DTD otherwise is messes up my menu (switching menu
with pictures).
Moreover, I tried not to set the height to 100%, but since it contains
a background, it won't go to to the bottom of my page...
Plus, if that maintext goes over the length of the page, my gradients
on the side (in another div that starts from the top, and set to
height:100%) stop at a 100%...
I thought I was going to use DIV cause you can't set the table height
to 100%, but I guess that I'll go back to tables!! lol

Any thoughts?
Thank you,
celine

Neredbojias wrote:
> With neither quill nor qualm, celineusa@gmail.com quothed:
>
> > Hey, thank you very much for the answer. The padding works, but it
> > still adds a 100% under the 100px...
> >
> > Any other ideas?
>
> The padding-top should be on the sub-con div which does _not_ have 100%
> height designated. Also, what dtd are you using? That could make a
> difference. It's best to use html 4.01 strict.
>
> >
> > And also, if my body text is more than the page length, it will scroll
> > down, but the menu will only stretch to a 100%, and not more.
> > Any thoughts?
> >
> > Thanks,
> > Celine
> >
> >
> > Neredbojias wrote:
> > > With neither quill nor qualm, celineusa@gmail.com quothed:
> > >
> > > > Hi All,
> > > >
> > > > I am using CSS, and nested DIV.
> > > > I have a container div which is set to height: 100%.
> > > > On my page, inside my container div, I have many divs.
> > > > On the top, I have a div for the logo with height:100px
> > > > Under, I have my menu background on the left in another div that is
> > > > supposed to take the rest of the page in height, and stretch if
> > > > necessary. I fixed the height to 100%.
> > > > However, the total height of the page now does 100%+100px
> > > > How do I make my page do 100% and not 100%+100px?
> > >
> > > Use padding-top:100px; for a sub-container div inside the container div
> > > and position the logo div absolutely (from outside).
> > >
> > >
> > > --
> > > Neredbojias
> > > Contrary to popular belief, it is believable.
> >
> >
>
> --
> Neredbojias
> Contrary to popular belief, it is believable.

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация