I think you'll need to declare a pixel value for the container(parent) or else 30% of If no content (zero pixels) is still going to be nothing.
Remember if you want it to be responsive, you'll need to declare a different pixel value for the .container div for every screen size. Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 On 17 May 2013 16:45, Sarfraz ahmad <sarfrazdja...@gmail.com> wrote: > i want to place a div in body with height 100% of body and another div > inside it with height 30% or the outer div, bt in percentage it doesn't work > > > On Fri, May 17, 2013 at 5:15 PM, Phil Doughty <greenzt...@gmail.com>wrote: > >> Personally I wouldn't declare anything, it will stretch automatically as >> you add content. >> >> >> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 >> >> >> >> >> On 17 May 2013 15:35, Sarfraz ahmad <sarfrazdja...@gmail.com> wrote: >> >>> okaaaay Phil, i just want to start a webpage which height would be twice >>> than the normal webpage height, how should i declare the height for webpage >>> >>> i know if parent elementsheight width is not declared child elements do >>> not take any height width, >>> bt my question is should i declare html height t 200 %?????? >>> >>> >>> On Fri, May 17, 2013 at 4:59 PM, Phil Doughty <greenzt...@gmail.com>wrote: >>> >>>> I may have miss-understood you question but if there is nothing inside >>>> the *container* then that would be true. 100% of nothing is going to be >>>> nothing (: >>>> >>>> >>>> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 >>>> >>>> >>>> >>>> >>>> On 17 May 2013 15:06, Sarfraz ahmad <sarfrazdja...@gmail.com> wrote: >>>> >>>>> Hello guys i m new to twitter boot strap as well as css and web >>>>> developement >>>>> >>>>> i just want to know that how can i use twitter bootstarp container >>>>> class with a height and width of 100% without defining height and width of >>>>> body and html >>>>> >>>>> it works fine if i use bootstarp container class without defining >>>>> height(in case it takes auto height) with defining its child div height to >>>>> 100%, but when i declare a doctype<!doctype html> in the html document the >>>>> height of container and its child elements shrink to 0px or % >>>>> >>>>> guys tell me what is the best way to start a webpage and twitter >>>>> bootstarp >>>>> >>>>> >>>>> Thanx >>>>> >>>>> -- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "twitter-bootstrap" group. >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>> an email to twitter-bootstrap+unsubscr...@googlegroups.com. >>>>> >>>>> For more options, visit https://groups.google.com/groups/opt_out. >>>>> >>>>> >>>>> >>>> >>>> -- >>>> You received this message because you are subscribed to a topic in the >>>> Google Groups "twitter-bootstrap" group. >>>> To unsubscribe from this topic, visit >>>> https://groups.google.com/d/topic/twitter-bootstrap/mkOuOXD_Mas/unsubscribe?hl=en >>>> . >>>> To unsubscribe from this group and all its topics, send an email to >>>> twitter-bootstrap+unsubscr...@googlegroups.com. >>>> For more options, visit https://groups.google.com/groups/opt_out. >>>> >>>> >>>> >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "twitter-bootstrap" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to twitter-bootstrap+unsubscr...@googlegroups.com. >>> For more options, visit https://groups.google.com/groups/opt_out. >>> >>> >>> >> >> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "twitter-bootstrap" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/twitter-bootstrap/mkOuOXD_Mas/unsubscribe?hl=en >> . >> To unsubscribe from this group and all its topics, send an email to >> twitter-bootstrap+unsubscr...@googlegroups.com. >> For more options, visit https://groups.google.com/groups/opt_out. >> >> >> > > -- > You received this message because you are subscribed to the Google Groups > "twitter-bootstrap" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to twitter-bootstrap+unsubscr...@googlegroups.com. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to twitter-bootstrap+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.