hi i have noticed my website does not fit smaller screens like a netbook with a 10inch screen boonex and all other sites do , why is this many thanks
hi i have noticed my website does not fit smaller screens like a netbook with a 10inch screen boonex and all other sites do , why is this many thanks |
i think it is cause you are setting a specific width - which is rendered differently depending on the actual monitor size and the screen resolution. I just set my pages to 100% to resolve this issue. It still looks different, but i have less issues this way. Being on large monitors with high resolutions can give one a false sense of what is going on. caredesign.net |
You really want a min-width set in CSS or the layout will totally break on small screens. I personaly dislike non-fixed width websites because of the technical and design issues it brings. |
not good as more and more people use tablets and netbooks with a 10inch screen |
hi i have noticed my website does not fit smaller screens like a netbook with a 10inch screen boonex and all other sites do , why is this many thanks It's because those 10" notebooks have a screen resolution of 1024px by 600px. A Dolphin 7.1 site has a default width of 1140px. If you want your site to display properly on notebook, you'll have to change your site width to 1000px or less. I wouldn't worry about it. Anybody that buys something with such a lousy screen resolution these days, deserves to suffer the consequences. My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
to 1000px or less.
Better to 960px http://boonexpert.com |
RE
to 1000px or less.
Better to 960px While we're at it, let's change it to 600px so people with VGA monitors can view the site OK. My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
to 1000px or less.
Better to 960px So, on a tablet browser which doesn't have scrollbars, why do we need to save 64px? My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
let's change it to 600px
Well, 960px is the average for the viewport: browser 100% width @1024px minus right scrollbar and browser borders. And 960 is more divisible in order to design equal blocks on the page: 1 2 3 4 5 6 8 10 12 15 16 20 24 30 32 40 48 60 64 80 96 120 160 192 240 320 480 960 1000 px 1 2 4 5 8 10 20 25 40 50 100 125 200 250 500 1000 http://boonexpert.com |
why do we need to save 64px?
Well, the initial question was: my website does not fit smaller screens like a netbook with a 10inch screen
For tablets, phones, etc. would be the best to make a responsive design rather than just 960 or 1000px or 100% width. http://boonexpert.com |
let's change it to 600px
Well, 960px is the average for the viewport: browser 100% width @1024px minus right scrollbar and browser borders. And 960 is more divisible in order to design equal blocks on the page: 1 2 3 4 5 6 8 10 12 15 16 20 24 30 32 40 48 60 64 80 96 120 160 192 240 320 480 960 1000 px 1 2 4 5 8 10 20 25 40 50 100 125 200 250 500 1000 Bullshit. Dolphin page columns are expressed in percentage so it doesn't make a rat's ass what the main page width is, tablet browsers don't have scrollbars, and 1024px width is unheard of on desktops these days. In other words...1000px is just fine. My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
Bullshit
Well, let it be. http://boonexpert.com |
OK My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
Right, because tablets are bullshit; yeah, people do buy into bullshit as if it is caviare on a silver platter. Still does not mean they are not bullshit because you dress them up. Then of course there is the whole iPhone/smartphone bullshit. By the way, while not part of the subject I will throw in there are no 4G networks in the USA as defined by the specifications; more bullshit because the companies brought off the specification organisation. The solution is that you don't try to code a one-size fits all page. The solution is to check for the referring device and then serve up a site using a template that is coded for that device. Geeks, making the world a better place |
The solution is that you don't try to code a one-size fits all page. The solution is to check for the referring device and then serve up a site using a template that is coded for that device.
Or For tablets, phones, etc. would be the best to make a responsive design rather than just 960 or 1000px or 100% width.
http://boonexpert.com |
i just noticed it today , just looks crap. i thought it would fit like any other site ie bbc news sky news sites |
i just noticed it today , just looks crap. i thought it would fit like any other site ie bbc news sky news sites BBC News is 980px width. So at least you can make your pages globally 980px width to fit your device. It's all adjustable from admin. What exactly your question is about? http://boonexpert.com |