Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

html and 1024 x 768


  • Please log in to reply
11 replies to this topic

#1 JUICYboy

JUICYboy

  • Members
  • 537 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Anaheim, Ca
  • Local time:01:45 PM

Posted 15 March 2011 - 09:11 PM

Hello guys...

Me again...
I have been working on a template with a resolution of 1280 x 800 :busy:

So as I finished one of my friends says it looks awful on his computer. He is using a resolution of either 800 x 600 or
1021 x 768.

So what can I do to make my website "re size" to all the different browsers?
(It looks good on mine but "awful" on his)

Im confused... :wacko:

BC AdBot (Login to Remove)

 


#2 Broni

Broni

    The Coolest BC Computer


  • BC Advisor
  • 42,716 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Daly City, CA
  • Local time:10:45 AM

Posted 15 March 2011 - 11:09 PM

Website address would allow us to take a better look, but....
...make sure, you use fluid page width (%) instead of fixed one (px).

My Website

p4433470.gif

My help doesn't cost a penny, but if you'd like to consider a donation, click p22001735.gif


 


#3 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:11:45 AM

Posted 16 March 2011 - 07:15 AM

Standard wisdom is that you develop for 1024 * 768, and make it so the page scales for higher resolutions. Not everybody has wide screen capabilities.

#4 JUICYboy

JUICYboy
  • Topic Starter

  • Members
  • 537 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Anaheim, Ca
  • Local time:01:45 PM

Posted 16 March 2011 - 09:04 AM

How do I make the page scale for higher resolutions? :mellow:

#5 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:11:45 AM

Posted 16 March 2011 - 09:16 AM

Instead of setting width to, for example, 1000px, you set it to 80%. Look at the source code for Bleeping Computer and see what is done.

#6 JUICYboy

JUICYboy
  • Topic Starter

  • Members
  • 537 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Anaheim, Ca
  • Local time:01:45 PM

Posted 16 March 2011 - 06:00 PM

So

In my .css page anything with a px, I should change to %?



And in the future:
Should I position, create font sizes, widths etc...
using % or em or px? :mellow:

It seems that px will position differently according to your monitor resolution.

Very Intresting.. :lmao:

Edited by JUICYboy, 16 March 2011 - 06:44 PM.


#7 NpaMA

NpaMA

  • Members
  • 635 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Memphis, TN
  • Local time:01:45 PM

Posted 19 March 2011 - 03:26 AM

You will want to either make your widths, tables, etc. using % or around 950px max. Although setting it the width to 950px, won't make it fill the whole screen, it will make it look decent on resolutions from 1024x768 and up.

Font sizes, should be in px. If you mean position things, then use % on that.

#8 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:11:45 AM

Posted 19 March 2011 - 08:44 AM

Again, if you used fixed widths at all (such as 950 max) then on a screen with lower resolution, the user will have to scroll just to see your page. Or if your page is on a screen with a higher resolution, then you end up with a whole bunch of empty space on the page. Neither is desirable.

@JUICYboy, one does not use percentages to set font sizes. The pixels (which is what px is) do not 'position differently' based on content. Pixels do not move. The content of the page may be in different places depending on one's screen resolution though. px, em, and cm are units of measurement. Pixels indicate a single dot on your monitor. The higher the resolution, the more pixels you have. Em is a unit of measurement left over from the days of typography where typesetters laid out printed pages by hand, and indicates 1/16th of an inch (IIRC). Cm is centimeter.

Look at the source code for BC.

#9 JUICYboy

JUICYboy
  • Topic Starter

  • Members
  • 537 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Anaheim, Ca
  • Local time:01:45 PM

Posted 22 March 2011 - 09:01 PM

Okay thank-you for the information.

I have changed the syntax for positioning the jquery slide show.
I have checked the .html files with all the most popular browsers that I know, in different resolutions as well. I also checked it with that .html snapshot for different browsers.

It looks good, but for some reason my friend is still calling me that the jquery slideshow is covering the main banner :wacko:

But how can that be when I checked it in every way possibe?

Could it be that he has a old IE browser?

Can you guys tell me if the slideshow covers the main banner (please)... I checked it with my brothers laptop and it doesn't.

http://www.specialtymetalsales.com/

Thank-you

Edited by JUICYboy, 22 March 2011 - 09:03 PM.


#10 Broni

Broni

    The Coolest BC Computer


  • BC Advisor
  • 42,716 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Daly City, CA
  • Local time:10:45 AM

Posted 22 March 2011 - 09:06 PM

Looks good here.
Ask your friend, which IE version he uses.

My Website

p4433470.gif

My help doesn't cost a penny, but if you'd like to consider a donation, click p22001735.gif


 


#11 JUICYboy

JUICYboy
  • Topic Starter

  • Members
  • 537 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Anaheim, Ca
  • Local time:01:45 PM

Posted 23 March 2011 - 06:34 PM

Thanks Mr.Broni :thumbup2:

I think he has the old version maybe IE6 or something from back then.

I just got some clarification and the problem is that the jquery slide show is "larger" than the banner.
At one point it was covering the banner if you saw it from different browser on a mac or pc.

But now it works on all broswer with any O.S.

Thanks I will use this wisdom I gained for the future... :clapping:

Edited by JUICYboy, 23 March 2011 - 06:34 PM.


#12 Broni

Broni

    The Coolest BC Computer


  • BC Advisor
  • 42,716 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Daly City, CA
  • Local time:10:45 AM

Posted 23 March 2011 - 06:38 PM

You're very welcome Posted Image

My Website

p4433470.gif

My help doesn't cost a penny, but if you'd like to consider a donation, click p22001735.gif


 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users