If you want it to be responsive without having to write loads of lines of code, you could use jQuery to find the height of the viewport, and set your full size container to that height: http://stackoverflow.com/questions/3437786/how-to-get-web-page-size-browser-window-size-screen-size-in-a-cross-browser-wa .
On Friday, May 17, 2013 2:12:18 PM UTC+1, Sarfraz ahmad wrote: > > Thanx Phil, yes, i want to be responsive, want to write css for each and > every device................................. > > you mean to say if a declare pixels in viewport for all devices i would be > able to take height and width in pixels > > > On Fri, May 17, 2013 at 6:23 PM, Phil Doughty <green...@gmail.com<javascript:> > > wrote: > >> 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 <sarfra...@gmail.com <javascript:>>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 >>> <green...@gmail.com<javascript:> >>> > 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 <sarfra...@gmail.com >>>> <javascript:>>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 >>>>> <green...@gmail.com<javascript:> >>>>> > 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 <sarfra...@gmail.com<javascript:> >>>>>> > 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-bootst...@googlegroups.com <javascript:>. >>>>>>> >>>>>>> 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-bootst...@googlegroups.com <javascript:>. >>>>>> 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-bootst...@googlegroups.com <javascript:>. >>>>> 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-bootst...@googlegroups.com <javascript:>. >>>> 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-bootst...@googlegroups.com <javascript:>. >>> 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-bootst...@googlegroups.com <javascript:>. >> 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.
