Jump to content

How to resize the whole page proportionally using HTML or CSS?

- - - - -

  • Please log in to reply
2 replies to this topic

#1
Inuyash274

Inuyash274

    Newbie

  • Members
  • Pip
  • 2 posts
what is the html, css, or javascript code to resize the entire website, pictures, text, everything, to fix any browsers height and width. everything resizes proportionally and still looks good. it all retains its placing and fixed design. any help?

#2
Alexander

Alexander

    It's Science!

  • Moderators
  • 4,124 posts
  • Location:Vancouver, Eh! Cleverness: 200
You will be looking at a fluid layout for your web page. I believe you will need to set width and height as a percentage rather than in pixels, as this will expand the image to the size of the containing div for example.

I am not too adept in CSS however, this is all I can offer - maybe there are guides online, especially for accessibility.
Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#3
ethikz

ethikz

    Programmer

  • Members
  • PipPipPipPip
  • 112 posts
Well to be honest if you are looking at getting your website to resize automatically you should look into responsive web design. Basically it uses media queries to determine the browser and size and then will display it with the corresponding stylesheet. This is the best since people will most likely be viewing it from different types of machines. Anywhere from laptops to phones.

But that is just my 2cents




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users