Hi Friends.,
In My Web Page height is varying for different screens (monitors) and browsers
Previously i had Declare height in pixels then the height is fixed for certain limit after that i converted into percentage it is varying from page to page (it means when content ends the height is also getting stopped or if content expands the height is also expanding) , i need to resolve this error
Actually what i need to do here is the height needs to be free as per device (monitor) height , i tried for media Query in CSS also there no changes in height Please let me get Solution Soon ASAP
Regards....,
R.V.Rajagopalan
Loading

Jaganathan BantheswaranPosted Dec 22, 2014, 1:38 AM
Please updated your sample here.
Rajagopalan R VPosted Dec 21, 2014, 11:49 PM
#container
{
display: block;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
#content
{
display: block;
min-height: 500px;
margin: 10px auto;
padding: 0 10px;
background: #fff;
border: solid 1px #ccc;
}
This is my code
Regards....,
R.V.Rajagopalan
Jaganathan BantheswaranPosted Dec 18, 2014, 12:48 AM
Rajagopalan R VPosted Dec 17, 2014, 8:58 AM
My Media Query Which i had Used :
@media all and (min-width: 10px) and (max-width: 2000px) and (min-height: 10px) and (max-height: 2000px)
{
......
......
......
......
......
}
Like this i had Declared For Both Width and Height For width its Working fine but Height not Aligning
Regards.....,
R.V.Rajagopalan
Jaganathan BantheswaranPosted Dec 15, 2014, 2:24 AM
You have to use @media queries to set width as well height.
Have a look at this site to get the width and height http://mydevice.io/devices/
Rajagopalan R VPosted Dec 10, 2014, 2:20 AM
Thank You For Reply , And I Had Used the Media Query also Previously, in My Above Post i Had Mentioned About that Also it is Controlling Width only but not Height Please Try any Other Solution if Possible
With Regards.....,
R.V.Rajagopalan
Vikram AgrawalPosted Dec 10, 2014, 12:44 AM
you can take help from these links
http://www.studiopress.com/design/website-respond-mobile-devices.htm
https://developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/responsive?hl=en