» » » Make a webpage fit on both 4:3 / 16:9 screens

I'm currently working with Mic. Office Publisher 2003 and making a webpage for the company. But working with one problem..

It doesn't always fit on every screen.
It currently only exactly fits on 1024x768 screens.
How do I get it that way that it automaticly nicely fits to both 4:3 and 16:9 screens.. Prefereably even every resolution (1024x768, 1224x768 .. )

Or what is also fine: 1024x768 standard, but when looking with e.g. 1400x900 (16:9) the page is centered. That thing I don't have yet.
Tuesday, November 17, 2009
,

5 Comments:

  1. Anonymous08:32

    Are you using absolute contraints or percentages? CSS or XHTML to control the tables?
    You can use 100% width but it's quite ugly.

    ReplyDelete
  2. Anonymous08:32

    its impossible to make it to fit to any resolution
    thats why pages are made to be or centered or aligned to right/left with stretching of content toward other side

    ReplyDelete
  3. Anonymous08:32

    yes you can eaither stretch them in horizontal or vertical
    igoogle uses horizontal

    the bad sides with horizontal stretch is that at higher resolutions
    webpage height is cut in half

    bad side in vertical stretch is same but with width cut in half
    -

    good thing with horizontal stretch is that web page can contain more stuff
    since it is made for wide screen stretching and viewer doesnt have to
    scroll alot but is hard to make elements hold its position while resizing
    (you have to use more DIV layers)

    good thing abut vertical stretch is that all stuff is fixed inside unresizable
    area (up/down) , bad side is viewer has to scroll alot up and down

    ReplyDelete
  4. Anonymous08:33

    But quite alot of fuzz about what about horizontal en vertical stretching, but on topic how I make a webpage center.
    CSS or Xhtml. I don't know.
    I used Publisher preset options and from there, cut and paste of information. align pictures and textboxes and hyperlinks.
    The menu's I pasted on every page so it would be everywhere the same..

    But CSS or xhtml.. Except on the fact I worked with them a year ago.. I didn't do anything with it during Publisher.

    ReplyDelete
  5. Anonymous08:34

    Go to w3schools (google it) and investigate divs (it's a CSS thing). They're simple to use and if you position them "relatively" you can scale to fit different screen resolutions,

    ReplyDelete

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
Powered by Blogger.
 
Help-Buzz © 2013. All Rights Reserved. Powered by Blogger
Top