Website resizing issue

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

Quote · 28 Feb 2013

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
Quote · 28 Feb 2013

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.

Quote · 28 Feb 2013

not good as more and more people use tablets and netbooks with a 10inch screen

Quote · 28 Feb 2013

 

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.
Quote · 28 Feb 2013

 

to 1000px or less.

 Better to 960px

http://boonexpert.com
Quote · 28 Feb 2013

 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.
Quote · 28 Feb 2013

 

 

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.
Quote · 28 Feb 2013

 

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
Quote · 28 Feb 2013

 

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
Quote · 28 Feb 2013

 

 

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.
Quote · 28 Feb 2013

 

Bullshit

 Well, let it be.

http://boonexpert.com
Quote · 28 Feb 2013

OK

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 28 Feb 2013

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
Quote · 28 Feb 2013

 

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
Quote · 28 Feb 2013

i just noticed it today , just looks crap. i thought it would fit like any other site ie bbc news sky news sites

Quote · 28 Feb 2013

 

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
Quote · 28 Feb 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.