RedRumPie Posted February 26, 2014 Group: Members Topic Count: 14 Topics Per Day: 0.00 Content Count: 76 Reputation: 1 Joined: 01/21/14 Last Seen: September 14, 2014 Share Posted February 26, 2014 Hey guys , any one know how to make an html page compatible to all resolutions ? I tried adding : <style type='text/css'> body {width:100%;} </style>to my <head> </head> but it does not work..Heres the page I'm talking about : http://icebergro.net/test/T.I.A Link to comment Share on other sites More sharing options...
RedRumPie Posted March 2, 2014 Group: Members Topic Count: 14 Topics Per Day: 0.00 Content Count: 76 Reputation: 1 Joined: 01/21/14 Last Seen: September 14, 2014 Author Share Posted March 2, 2014 thanks for answering Link to comment Share on other sites More sharing options...
Mystery Posted February 26, 2014 Group: Members Topic Count: 94 Topics Per Day: 0.02 Content Count: 2192 Reputation: 253 Joined: 11/11/11 Last Seen: June 24, 2020 Share Posted February 26, 2014 For me, that page is fine. Now your CP is the problem for me http://icebergro.net/cp/?module=news&action=view as I have a 13inch laptop with full width browser and the right side of your cp is cut for me (I have to scroll to the right to see more). Link to comment Share on other sites More sharing options...
RedRumPie Posted February 26, 2014 Group: Members Topic Count: 14 Topics Per Day: 0.00 Content Count: 76 Reputation: 1 Joined: 01/21/14 Last Seen: September 14, 2014 Author Share Posted February 26, 2014 (edited) so yeah , how do I fix this ? XD Edited February 26, 2014 by iMrFreeziNg Link to comment Share on other sites More sharing options...
aero011 Posted February 27, 2014 Group: Members Topic Count: 10 Topics Per Day: 0.00 Content Count: 78 Reputation: 2 Joined: 08/02/12 Last Seen: June 23, 2014 Share Posted February 27, 2014 body{ width: 100%; height: 100%; margin: 0; } .controller{ width: 1400px; margin-left: auto; margin-right: auto; margin-top: 0; } .container{ width: 1024px; margin-right: auto; margin-left: auto; } controller is the default screensize , container is the content, you may adjust controller to any you want or 100% for auto resizing depends on the users screen resolution. Link to comment Share on other sites More sharing options...
Poseidon Posted February 27, 2014 Group: Members Topic Count: 25 Topics Per Day: 0.01 Content Count: 107 Reputation: 6 Joined: 12/09/11 Last Seen: May 9, 2017 Share Posted February 27, 2014 the easy way is to use twitter bootstrap is a responsive framework http://getbootstrap.com/ Link to comment Share on other sites More sharing options...
RedRumPie Posted February 27, 2014 Group: Members Topic Count: 14 Topics Per Day: 0.00 Content Count: 76 Reputation: 1 Joined: 01/21/14 Last Seen: September 14, 2014 Author Share Posted February 27, 2014 so where do I put this : body{width: 100%;height: 100%;margin: 0;}.controller{width: 1400px;margin-left: auto;margin-right: auto;margin-top: 0;}.container{width: 1024px;margin-right: auto;margin-left: auto;} Link to comment Share on other sites More sharing options...
RedRumPie Posted February 28, 2014 Group: Members Topic Count: 14 Topics Per Day: 0.00 Content Count: 76 Reputation: 1 Joined: 01/21/14 Last Seen: September 14, 2014 Author Share Posted February 28, 2014 up Link to comment Share on other sites More sharing options...
aero011 Posted March 2, 2014 Group: Members Topic Count: 10 Topics Per Day: 0.00 Content Count: 78 Reputation: 2 Joined: 08/02/12 Last Seen: June 23, 2014 Share Posted March 2, 2014 that code is for css, you must know how that code will be insert on header.php of fluxcp Link to comment Share on other sites More sharing options...
Jezu Posted March 2, 2014 Group: Members Topic Count: 29 Topics Per Day: 0.01 Content Count: 566 Reputation: 34 Joined: 11/17/11 Last Seen: January 24 Share Posted March 2, 2014 Get a little vertical pixel of your background and make it repeatable on your CSS. So that all of your background sides will be filled. Link to comment Share on other sites More sharing options...
Question
RedRumPie
Hey guys , any one know how to make an html page compatible to all resolutions ?
I tried adding :
to my <head> </head> but it does not work..
Heres the page I'm talking about : http://icebergro.net/test/
T.I.A
Link to comment
Share on other sites
9 answers to this question
Recommended Posts